还在每次写完代码以后,点击鼠标(或者使用快捷键)格式化文档让代码保持整齐?还在因为装了eslint后经常报出eslint校检语法错误而犯愁?——以至于装后又卸载eslint。这篇文章让你不再为语法校对烦恼,让你编程快到飞起。 vscode版本: 1.37.0
(1)vue项目中安装eslint插件
默认安装eslint
$ npm install eslint --save-dev
(2)vscode中eslint扩展安装
eslint扩展
setting.json
文件中,添加一下代码: "files.autoSave": "off",
"eslint.validate": [
"javascript",
"javascriptreact",
"vue-html",
{
"language": "vue",
"autoFix": true
}
],
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,
settings.json
command+s(ctrl+s)
点击保存的时候,eslint就会帮你自动格式化以符合.eslintrc.js
文件中的规则,让你编程快到飞起,不用再为了修复eslint报错的冲突而烦恼。效果预览.gif