安装ESlint
ESlint是一个代码检查工具,装好就行了,需要了解的,点击:http://eslint.cn/学习,或者自行搜索
安装成功后,按F1,输入:打开设置,也可以点击 VS Code 的 文件 > 首选项 > 设置 ,可以打开设置面
板。
或者直接这样设置
设置 -->扩展—>ESLint—>在settings.json中编辑
进入到settings.json后进行相应的配置
在现有配置中添加
{
"eslint.alwaysShowStatus": true,
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue"
],
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"vetur.validation.template": false,
"window.zoomLevel": 0,
"explorer.confirmDelete": false
}
eslint.alwaysShowStatus 是否一直启用
eslint.validate 验证的文件类型
editor.codeActionsOnSave 保存代码时操作
source.fixAll.eslint 自动修正
vetur.validation.template 用于关闭vetur的模板修正,避免跟eslint的代码修正冲突。