ESLint 的主要功能包含代码格式和代码质量的校验,而 Prettier 只是代码格式的校验,不会对代码质量进行校验。 代码格式问题:单行代码长度、tab 长度、空格、逗号表达式,尾部使用分号,空语句块等问题。 代码质量问题:未使用变量、三等号、全局变量声明,v-for会自动追加key值,多单词驼峰来进行组件命名等问题。 三、VsCod...
四、解决 Eslint 和 Prettier 的冲突 当项目同时使用 Eslint 和 Prettier 时,往往格式化时会有冲突,导致最终格式化效果不对。其实解决方案很成熟,就是用到两个插件,eslint-plugin-prettier和eslint-config-prettier 当你的项目已经安装了 eslint 和 prettier 后,也有了各自的配置文件后,安装以上两个插件: pnpmadd...
//不允许在import 中使用require'@typescript-eslint/no-empty-function': 2,//关闭空方法检查//eslint-plugin-vue (https://eslint.vuejs.org/rules/)'vue/multi-word-component-names': 0,//要求组件名称始终为 “-” 链接的单词'vue/script-setup-uses...
其中"prettier/prettier"可以添加 prettier 相关配置 .eslintrc.js完整配置 module.exports= {"root":true,"env": {"node":true},"extends": ["plugin:vue/essential","eslint:recommended","@vue/prettier"],"parserOptions": {"parser":"babel-eslint"},"rules": {'prettier/prettier': ['error', {...
执行命令进行 Prettier 代码格式化: npm run lint:prettier Prettier 保存自动格式化 VSCode 的settings.json配置: { "editor.formatOnSave": true, // 保存格式化文件 "editor.defaultFormatter": "esbenp.prettier-vscode" // 指定 prettier 为所有文件默认格式化器 ...
三、安装vscode插件 四、ESLint 和 Prettier 配合使用 prettier官方提供了一款工具 eslint-config-prettier 这个工具其实禁用掉了一些不必要的以及和Prettier相冲突的ESLint规则。 安装依赖 pnpm install --save-dev eslint-config-prettier pnpm install --save-dev eslint-plugin-prettier ...
.eslintrc.cjs 如下:ESLint 忽略配置(.eslintignore)根目录新建 .eslintignore 文件,添加忽略文件, ESLint 校验会忽略这些文件,配置如下:dist node_modules public .husky .vscode .idea *.sh *.md src/assets .eslintrc.cjs .prettierrc.cjs .stylelintrc.cjs ...
npx eslint src 在vue3会出现以下报错 Parsing error: '>' expected.eslint 在.eslintrc.json文件内新增一行:"parser": "vue-eslint-parser"来解决 在VScode安装ESLint和Prettier - Code formatter 安装Prettier npm i prettier eslint-config-prettier eslint-plugin-prettier -D ...
**VsCode 插件配置安装** * 安装插件 Vue Language Features (Volar) **安装 Eslint** **安装 Prettier** **注意:禁用或卸载 Vetur** **需要配置的文件** * 在 Vscode 项目根目录下: `.vscode/extensions.json` …
1、安装“ESLint”插件【作者: Microsoft】2、安装“Prettier ESLint”插件【作者:Rebecca Vest】 // 配置vscode // 打开:设置 -> 文本编辑器 -> 字体 -> 在 settings.json 中编辑 // settings.json文件 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新...