VSCode设置eslint自动缩进和自动格式化代码
1、找到VS Code的settings.json文件
(1)点击左下角齿轮图标并选择设置:
(2)在文本编辑器中找到 settings.json
settings.json的初始内容:
2、修改settings.json文件内容为如下内容
{
"editor.renderWhitespace": "none",
//自动缩进的开关,设置为true则打开自动缩进开关
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.format.enable": true,
}
3、打开项目根文件夹下的 .eslintrc.js文件
文章来源:https://www.toymoban.com/news/detail-403750.html
4、在rules 下配置“缩进几个空格”
rules: {
indent: [2, 4, { SwitchCase: 1 }],
"prettier/prettier": [2, { tabWidth: 4, endOfLine: "auto" }],
"no-console": "off",
"no-debugger": "off",
"vue/multi-word-component-names": 0,
// 解决let被强转为const问题
"prefer-const": 0,
// 保存代码时缩进4个空格
// indent: ["error", 4],
},
文章来源地址https://www.toymoban.com/news/detail-403750.html
5、配置完保存,结束配置。
到了这里,关于VSCode设置eslint自动缩进和自动格式化代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!