关于vsc中json文件的配置，可实现根据eslint自动化格式vue文件

最新推荐文章于 2025-12-21 13:28:14 发布

原创最新推荐文章于 2025-12-21 13:28:14 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #json #自动化

该文描述了VSCode的配置设置，主要用于在保存时自动应用ESLint的代码修复，并使用Prettier进行代码格式化。特别地，它涉及到Vue文件的HTML和JS格式化，以及启用对.vue和.js文件的错误检查和自动修复。配置还包括排除特定文件夹如node_modules和bower_components于搜索之外。

{
“editor.tabSize”: 2,
“eslint.autoFixOnSave”: true, // 每次保存的时候将代码按eslint格式进行修复
“prettier.eslintIntegration”: true, //让prettier使用eslint的代码格式进行校验
“prettier.semi”: false, //去掉代码结尾的分号
“prettier.singleQuote”: true, //使用单引号替代双引号
“javascript.format.insertSpaceBeforeFunctionParenthesis”: true, //让函数(名)和后面的括号之间加个空格
“vetur.format.defaultFormatter.html”: “js-beautify-html”, //格式化.vue中html
“vetur.format.defaultFormatter.js”: “vscode-typescript”, //让vue中的js按编辑器自带的ts格式进行格式化
“vetur.format.defaultFormatterOptions”: {
“js-beautify-html”: {
“wrap_attributes”: “force-aligned” //属性强制折行对齐
}
},
“eslint.validate”: [ //开启对.vue文件中错误的检查
“javascript”,
“javascriptreact”,
{
“language”: “html”,
“autoFix”: true
},
{
“language”: “vue”,
“autoFix”: true
}
],
“search.exclude”: {
“/node_modules": true,
"/bower_components”: true,
“**/dist”: true
},
}