uniapp+vite+vue3+ts配置eslint代码检查及prettier规范检查
要在uniapp+vite+vue3+ts项目中配置ESLint和Prettier,你需要按照以下步骤操作:
- 安装必要的包:
npm install eslint prettier eslint-plugin-vue eslint-config-prettier eslint-plugin-prettier --save-dev
- 在项目根目录下创建
.eslintrc.js
配置文件,并配置ESLint:
module.exports = {
extends: [
// 添加 Vue 支持
'plugin:vue/vue3-essential',
// 使用 prettier 规则
'plugin:prettier/recommended'
],
rules: {
// 在这里添加或覆盖规则
}
};
- 创建
.prettierrc.js
配置文件,并配置Prettier:
{
"semi": false,
"singleQuote": true,
// 其他 Prettier 规则
}
- 在
package.json
中添加scripts来运行ESLint和Prettier:
{
"scripts": {
"lint": "eslint --ext .js,.vue src",
"format": "prettier --write src/**/*.{js,vue,ts}"
}
}
- 运行脚本检查代码风格和错误:
npm run lint
npm run format
这样就配置了ESLint和Prettier,它们会在你运行脚本时检查代码质量和格式问题。
评论已关闭