1、首先我们要在vscode中下载三个插件:Eslint、Prettier、Vetur
2、然后从菜单中找到:文件 》 首选项 》 设置,找到扩展,再找到eslint,点进去找到"在settings.json"中编辑。将以下代码复制上去:
//每次保存的时候将代码按eslint格式进行修复
"eslint.autoFixOnSave": true,
//添加vue支持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
3、打开.eslintrc.js文件,在rules里复制上去下面这些代码:
'prettier/prettier': [
'error',
{
semi: false,
singleQuote: true,
printWidth: 160,
},
],
4、然后执行npm run lint就会将项目中的所有代码都会按eslint的标准来格式化。后面我们写代码的时间只要一保存就会按这个标准来格式化。