第一步:
大家需要自己手动去安装下图这两个插件,这一步必不可少。
第二步:
打开设置在setting.json中添加如下代码块即可配置好eslint的基本设置和部分@提示。
"eslint.enable": true,
"eslint.run": "onType",
"eslint.options": {
"extensions": [
".js",
".vue",
".jsx",
".tsx"
]
},
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
//导入文件时是否携带文件的扩展名
" path-autocomplete.extensionOnlmport": true,
//配置@的路径提示
" path-autocomplete.pathMappings": {
"@":"${folder}src"
},
第三步:
在vue项目 package.json 所在同级目录下创建文件 jsconfig.json:,将一下代码复制粘贴即可
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": ["node_modules", "dist"]
}