eslint插件安裝
- 左侧Extensions中下载eslint插件
- npm全局下载eslint, 并进行初始化
- 安裝和执行
npm install eslint -g
eslint --init
- 打开
file -> preferences -> settings
搜索eslint 找到里面的Eslint Options
点击Edit in settings.json
,
"eslint.validate": [
"javascript",
"javascriptreact",
"vue-html",
{
"language": "vue",
"autoFix": true
}
],
"eslint.run": "onSave",
"eslint.options": {
"config-file": "F:\\work\\web-visualization\\.eslintrc.js"//配置的eslint配置规则
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
- 根据自己喜好配置
.eslintrc.js
规则文件 - 配置格式化-ESLint 需要手动开启,
Ctrl+,
打开设置,开启:
7.设置快捷键
Ctrl + k Ctrl + S
设置ESLint fix 快捷键:(自启动ctrl+s
也会自动格式化)