vue3项目配置eslint,让项目开发更加规范和统一。
在Vue 3项目中配置ESLint,你需要按照以下步骤操作:
- 安装ESLint及其必要的插件:
npm install eslint eslint-plugin-vue --save-dev
- 安装ESLint Vue 3支持的插件:
npm install eslint-plugin-vue@next --save-dev
- 创建一个
.eslintrc.js
文件或在现有的配置文件中修改,配置ESLint规则:
module.exports = {
env: {
browser: true,
es2021: true,
},
extends: [
'plugin:vue/vue3-essential',
'eslint:recommended',
],
parserOptions: {
ecmaVersion: 12,
sourceType: 'module',
},
plugins: [
'vue',
],
rules: {
// 在这里添加或覆盖规则
},
};
- 在
package.json
中添加lint脚本:
"scripts": {
"lint": "eslint --ext .js,.vue src"
}
- 运行lint脚本检查代码:
npm run lint
这样,你就为Vue 3项目配置了ESLint,并可以通过自动化工具在提交前运行它来保持代码质量的一致性。
评论已关闭