vue cli3.0 引入eslint 结合vscode使用

2020-06-13 10:28:18易采站长站整理

1.安装

下载地址

2.安装

eslint

 

3.设置

eslint

打开 文件-》首选项-》设置,找到并打开

setting.json
添加如下配置


{
"eslint.enable": true, // 是否开启检测
"editor.tabSize": 2,
"eslint.autoFixOnSave": true,
"files.associations": {
"*.vue": "vue"
},
"eslint.options": {
"extensions": [
".js",
".vue"
] },
"eslint.validate": [
"javascript",{
"language": "vue",
"autoFix": true
},
"html",
"vue"
],
}

4.安装

Vetur
插件

Vetur
能够在
vscode1
编辑器里面识别
.vue
文件并且对文件可以:

语法高亮
语法提示,补全功能
语法检测

5.配置完成

这个时候就会有提示

ctrl+s
就自动修复了

tips: 有时按一次

ctrl+s
修复不了,多按几次就好了,不过我一般写一段就
ctrl+s
一下,问题不大。