"eslint-plugin-react": "^7.5.1", "eslint-config-vue": "^2.0.2", "eslint-plugin-vue": "^2.1.0", 然后在 webpack.base.conf.js 添加如下代码:(项目是基于vue-cli中配置的,就直接是脚手架默认生成的即可) module: { rules: [ { test: /\.(js|vue)$/, loader: 'eslint-loader', enfor...
由于你正在使用 Vite 和相关的 Vue 插件来处理 JSX,你可以将parser字段改回vue-eslint-parser,并确保vue-eslint-parser能够正确配置以支持 JSX。vue-eslint-parser内部会使用@typescript-eslint/parser来处理 TypeScript 代码,但你需要确保它正确集成了 JSX 支持。 确保vue-eslint-parser的配置正确: vue-eslint-...
import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': path.resolve(__dirname, 'src') }, extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] } }...
{"eslint.validate":["html","vue","javascript","jsx"],"eslint.alwaysShowStatus":true,// 总是在 VSCode 显示 ESLint 的状态"editor.codeActionsOnSave":{"source.fixAll.eslint":true,// 自动修复eslint的错误"source.fixAll":true,// 修复prettier错误}}...
},"lint-staged": {"*.{js,jsx,vue,ts,tsx}": ["eslint --fix"] } prepare脚本会在执行npm install之后自动执行。也就是说当我们执行npm install安装完项目依赖后会执行husky install命令。 或者采用命令行方式: npm run prepare ☘️ 第三步:在.husky文件夹下增加pre-commit文件: ...
Prettier 结合 ESLint 在package.json 的 scripts 节点中添加如下节点 "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore" 在.eslintrc.js 在添加如下选项,然后运行 npm run lint 命令即可生效
jsx: true, // 允许顶层 return globalReturn: true, }, ecmaVersion: 6, }, }; 总之,ParserOptions选项表示 EsLint 对于不同的 Parser(解析器)配置的语言检查规则。 Parser 上边我们提到所谓的 ParserOptions 代表 Eslint 中支持我们使用哪些语法。
ESLint 是一个插件式的 JavaScript / JSX 代码检查工具,用于检测和修复 JavaScript 代码中的问题,目标是让代码更一致并避免错误。 2在 Vue 项目中引入 ESLint 使用Vue CLI搭建的 Vue2 项目已经自带 ESLint,就不赘述,我们看下Vite搭建的 Vue3 项目中怎么引入 ESLint。
// extends: ["./node_modules/coding-standard/.eslintrc-jsx"], // 使用制定文件配置 // extends: "eslint:all", // 启用当前安装的 ESLint 中所有的核心规则,有更改风险 // env、parserOptions、plugins 三者均为告诉工具需要用到相关语法的配置 ...
'implicit-arrow-linebreak': 0, // 强制执行一致的缩进 'indent': [2, 4], // 要求或禁止 var 声明中的初始化(初值) 'init-declarations': 2, // 强制在 JSX 属性中一致地使用双引号或单引号 'jsx-quotes': 2, // 强制在对象字面量的属性中键和值之间使用一致的间距 // 'key-spacing': [2,...