在vue项目中使用eslint步骤
eslint安装
·
一、安装eslint
npm install eslint -D
二、初始化eslint,
npm --init
三、初始化完后会自动生成一个.eslintrc.js文件;
//如果是vue3+ts项目,则需要在parserOptions下配置:
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
tsconfigRootDir: __dirname, // 解决 @typescript-eslint/parser.文件的不同 lint 规则
project: ['./tsconfig.json'] // 解决 @typescript-eslint/parser.文件的不同 lint 规则
},
四、做完这样,还需要再vscode中设置eslint的保存自动校验
//设置>>>打开setting.json文件,加上自动校验
"eslint.run": "onType",
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
//需要校验的文件类型
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue"
],
更多推荐
已为社区贡献4条内容
所有评论(0)