需要自己创建.prettierrc.json文件(其他后缀的比如.prettierrc.config.js效果一致,只是写法有所不同 然后需要解决一下prettier和eslint的冲突,下载以下两个文件 pnpm add -D eslint-config-prettier pnpm add-D eslint-plugin-prettier 然后在eslintrc.js中 extends: ["standard-with-typescript","plugin:vue/vue...
yarn add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -D eslint-plugin-vue:仅支持vue,提供的规则可以支持 .vue\js\jsx\ts\tsx 文件校验 @typescript-eslint/parser:解析器,让ESLint拥有规范TypeScript代码的能力 @typescript-eslint/eslint-plugin:插件,包含一系...
项目内安装ESLint:在项目目录下运行npm install eslint --save-dev来安装ESLint作为开发依赖。 初始化ESLint配置:在项目根目录下运行npx eslint --init,根据提示选择配置选项,生成.eslintrc.*配置文件。 配置文件:生成的配置文件可以是.eslintrc.js、.eslintrc.json或.eslintrc.yaml,根据个人喜好选择。 基本规...
然后在你的 eslint 配置文件中的 extends 中最后加上一个plugin:prettier/recommended: 配置参考下面链接 需要安装@eslint/eslintrc pnpmadd@eslint/eslintrc--save-dev 具体代码: importglobalsfrom"globals";importpluginJsfrom"@eslint/js";importtseslintfrom"typescript-eslint";importpluginVuefrom"eslint-pl...
代码格式化统一设置为prettier插件。 初始化Vue3 + TS项目 yarn add -D eslint ./node_modules/.bin/eslint --init 根据需要选择,完毕后目录下生成eslint配置文件 package.json {"name":"esvue","private":true,"version":"0.0.0","type":"module","scripts":{"dev":"vite","build":"vue-tsc --...
eslint-plugin-node@^11.1.0 eslint-plugin-promise@^4.2.1 @typescript-eslint/parser@latest 自动生成的eslintrc.js extends 的顺序后面会覆盖前面,prettier必须在最后, module.exports = { "env": { "browser": true, "es2021": true, "node": true ...
代码检查工具:Eslint 代码格式化工具:prettier husky:Git 客户端增加了钩子(hooks)功能,使得在特定阶段执行一系列流程,以保证每一个 commit 的正确性 vscode 安装插件: 安装 eslint + prettier: npm i -D eslint pretti
ESLint 的主要功能包含代码格式和代码质量的校验,而 Prettier 只是代码格式的校验,不会对代码质量进行校验。 代码格式问题:单行代码长度、tab 长度、空格、逗号表达式,尾部使用分号,空语句块等问题。 代码质量问题:未使用变量、三等号、全局变量声明,v-for会自动追加key值,多单词驼峰来进行组件命名等问题。
'prettier', 'plugin:prettier/recommended' ], rules: { '@typescript-eslint/ban-ts-ignore': 'off', '@typescript-eslint/explicit-function-return-type': 'off', '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/no-var-requires': 'off', ...
1.准备 vscode vscode安装了prettier插件 一个vue3项目 2.步骤 (1)安装eslint插件 yarn add -D eslint (2)初始化eslintrc.js配置文件 控制台执行命令:npx eslint --init 步骤如下: eslint的作用:这里选第一项(