1,vscode扩展中安装ESlint,并ctrl+,打开设置,点击右上角从左到右第三个图标,打开settings.json文件
2,在vscode设置settings.json中添加如下配置
"eslint.autoFixOnSave": true, // 保存时自动格式化
"eslint.validate": [
"javascript",
"javascriptreact",
{ "language": "html", "autoFix": true },
{ "language": "vue", "autoFix": true }
]
3,eslint也是能格式化的,只是有局限性,所以要prettier来配合
在vscode中安装prettier,在settings.json中添加如下配置:
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false, // 去掉分号
"singleQuote": true // 将双引号转换成单引号
}
}
ps:创建vue-cli3项目时,选择ESLint + Standard config;
如果创建vue-cli3项目时,没有安装eslint,可以在package.json的devDependencies中添加如下,然后npm insall:
"@vue/cli-plugin-eslint": "^3.7.0",
"@vue/eslint-config-standard": "^4.0.0",
"babel-eslint": "^10.0.1",
"eslint": "^5.16.0",