vscode自动格式化配置(结合eslint+prettier)
setting.json
{
// tab 大小为2个空格
“editor.tabSize”: 2,
// 100 列后换行
“editor.wordWrapColumn”: 100,
// 保存时格式化
“editor.formatOnSave”: true,
// 开启 vscode 文件路径导航
“breadcrumbs.enabled”: true,
// prettier 设置语句末尾不加分号
“prettier.semi”: false,
// prettier 设置强制单引号
“prettier.singleQuote”: true,
// 选择 vue 文件中 template 的格式化工具
“vetur.format.defaultFormatter.html”: “prettyhtml”,
// 显示 markdown 中英文切换时产生的特殊字符
“editor.renderControlCharacters”: true,
// eslint 检测文件类型
“eslint.validate”: [
“html”,
“vue”,
“javascript”,
“javascriptreact”
],
// vetur 的自定义设置
“vetur.format.defaultFormatterOptions”: {
“prettier”: {
“singleQuote”: true,
“semi”: false
}
},
// 修改500ms后自动保存
“editor.formatOnSaveTimeout”: 500,
“files.autoSave”: “afterDelay”,
“files.autoSaveDelay”: 500,
“editor.codeActionsOnSaveTimeout”: 500,
“[javascript]”: {
“editor.defaultFormatter”: “vscode.typescript-language-features”
},
“editor.codeActionsOnSave”: {
“source.fixAll.eslint”: true
},
“editor.fontSize”: 16
}
- vscode 配置vue+vetur+eslint+prettier自动格式化功能
- VSCode中编写Vue项目使用Eslint+Prettier格式化,会自动加上分号 空格 单引号变双引号问题
- vscode 代码格式化,语法检查插件ESLint+Prettier ,vue格式化
- Vue-cli Eslint在vscode里代码自动格式化的方法
- 挖坑指南:ESLint + VS Code自动格式化代码
- vscode vue 自动格式化代码及解决与eslint冲突问题
- vscode保存代码,自动按照eslint规范格式化代码设置
- Vue Vue-cli Eslint 实现在vscode里保存后代码自动格式化
- vscode自动修复eslint规范的插件及配置
- vscode设置json文件使保存自动格式化eslint
- vue+ESLint 配置保存 自动格式化代码
- vscode中配置eslint
- VScode关于Eslint的配置
- VsCode(Visual Studio Code)格式化代码符合EsLint
- VScode代码格式化后不符合ESLint风格问题处理
- vscode js自动检测eslint
- 使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
- VSCode使用之Vue工程配置eslint
- vscode安装和配置ESLint
- vscode eslint 配置