js 格式化prettier配置_prettier 格式化插件

prettier 格式化插件

prettier代码风格统一的号插件，可以在多个编辑器上面安装对应的插件，通过简单的配置，让编辑器自动帮我们修改代码格式。可以支持JS/JSX/TS/Flow/JSON/CSS/LESS等文件格式

这里讲的是在vscode上面，安装prettier插件，并在修改保存时自动对js文件代码进行格式化的配置。

安装插件

查找prettier-vscode插件，安装

配置

安装完插件后，默认会在设置中增加prettier相关的配置。

可以对这些选项进行修改

prettier 可以通过在根目录下创建指定名称的配置文件来应用配置，也可以在vs code中的设置中全局应用配置。

具体配置内容比较少，可以上官网查看使用文档。

// 设置只有js代码自动保存, 在vscode的设置中设置如下

...

"[javascript]": {

"editor.formatOnSave": true

"prettier.tabWidth":4,

"prettier.singleQuote": true,

"prettier.jsxBracketSameLine":false,

...

js 格式化prettier配置_prettier 格式化插件相关推荐

js 格式化prettier配置_Prettier格式化配置
HTML/CSS/JS/LESS 文件的 prettier 格式化规则 { // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFo ...
vscode中怎样格式化js代码_vsCode配置代码格式化
visual studio code权威指南计算机 75.6元包邮 (需用券) 去购买 > 在编译器vscode上配置ESLint.Prettier.Vetur这个三个插件,然后在编译器左上角 ...
解决vscode格式化代码html属性换行问题； ctrl+s格式化去除分号，格式化自动单引号；解决js格式化换行问题；mac上的settings.json完整配置
右键格式化文档或者ctrl + s保存 html不换行 1.安装两个插件①vetur ②Prettier - Code formatter 2.在vetur的settings.json中设置配置ct ...
【小知识】VScode格式化代码配置及插件
VScode格式化代码配置及插件学会使用扩展和配置,能让你的vs code生产效率提高百分之二十 --鲁迅打开setting(新版vscode打开方式2019版) 先按步骤打开 setting 界 ...
VSCode - setting.json配置 - Prettier、Vetur格式化和ESLint检查
vscode 前端最佳插件配置格式化代码时用到的插件 ESLint(代码规范和错误检查工具,控制代码质量) Prettier(代码格式化工具) Vetur(识别 vue 文件) EditorConf ...
eslint vscode 自动格式化_配置VSCode编辑器适配VUE3开发
团队协作开发一般都有统一的编码规范,举个例子:A习惯一个tab占位2个空格,B习惯一个tab占位4个空格,如果不统一,提交到仓库的代码将变得难以阅读和维护. 幸运的是我们可以通过插件来规范化代码,只要 ...
更新版-梳理前端开发使用eslint和prettier来检查和格式化代码问题
更新版,之前的版本可以看这里:梳理前端开发使用eslint和prettier来检查和格式化代码问题一.问题痛点在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发.因此编写符合团队编 ...
VSCode中使用 eslint+prettier完成代码格式化以及自动化整理
如果在一个大型项目中会有多个人一起去开发,为了使每个人写的代码格式都保持一致,就需要借助软件去帮我们保存文件的时候,自己格式化代码配置 ESLInt.js vscode软件下载一个ESLint,在到 ...
js简单实现一个json格式化功能
js简单实现一个json格式化功能背景 html 核心代码背景在最近的一个项目中,有个需求是实现json编辑和提交.在我的实现中,使用了在textarea编辑,然后在无序列表中显示json格式化 ...

js 格式化prettier配置_prettier 格式化插件

js 格式化prettier配置_prettier 格式化插件相关推荐

最新文章

热门文章