node:true,},extends:['eslint-config-prettier','eslint:recommended',// 使用推荐的eslint'plugin:@typescript-eslint/recommended','plugin:vue/vue3-recommended',// 使用插件支持vue3'plugin:vue/vue3-essential
另外,你也可以通过在npmjs.com上搜索“eslint-config”并使用别人创建的配置。在没有使用别人的可共享配置或在配置中明确启用规则时,ESLint 不会检查你的代码。 二、配置 prettier 在我们的项目中,eslint 应主要负责校验语法校验,prettier应主要负责代码格式化。同eslint一样,我们不需要单独安装 ESLint 去使用,例如...
"devDependencies": {"@typescript-eslint/eslint-plugin": "^5.8.0","@typescript-eslint/parser": "^5.8.0","eslint": "^8.5.0","eslint-config-prettier": "^8.3.0","eslint-plugin-prettier": "^4.0.0","eslint-plugin-vue": "^8.2.0","husky": "^7.0.4","lint-staged": "^12.1...
eslint-plugin-prettier则是用于让Prettier来接管eslint --fix即修复代码的能力。 安装: npm i eslint-config-prettier eslint-plugin-prettier -D 最终代码如下: module.exports={env:{browser:true,es2021:true},extends:['eslint:recommended','plugin:vue/vue3-essential','plugin:prettier/recommended'],over...
四、解决 Eslint 和 Prettier 的冲突 当项目同时使用 Eslint 和 Prettier 时,往往格式化时会有冲突,导致最终格式化效果不对。其实解决方案很成熟,就是用到两个插件,eslint-plugin-prettier和eslint-config-prettier 当你的项目已经安装了 eslint 和 prettier 后,也有了各自的配置文件后,安装以上两个插件: ...
vite.config.js uno.config.js postcss.config.js 下面开始配置ESLint+Prettier来检查代码。 ESLint ESLint入门 ESLint是一个用于检测ECMAScript/JavaScript代码中的潜在问题和错误的工具,旨在使代码更一致并避免错误。它可以帮助开发者检测代码中的潜在问题,提高代码质量。
prettier pretter没有对代码的质量进行检查的能力,其只会对代码风格按照指定的规范进行统一,避免一个项目中出现多种不同的代码风格。 项目配置 此处使用vue项目作为例子 一、首先配置eslint 如果大家的项目是使用vue cli生成的,并且选择使用eslint的话,那么默认在项目根目录下就会生成.eslintrc.js。如果没有,也可以...
1、ESLint 概述 它的主要特点是 使用ESLint 的主要步骤是 2、prettier 概述 使用Prettier 的主要好处是 使用Prettier 的主要步骤 二、配置 eslint 1、安装 eslint 2、生成配置文件 执行命令 选项参考 当前`package.json` 文件 生成的 `.eslintrc.cjs` 文件 ...
Prettier是一个代码格式化工具,它可以自动调整代码的缩进、换行、引号等格式,使代码风格保持一致。与ESLint不同,Prettier主要关注代码的格式问题,而不是语法或逻辑错误。 安装prettier npm install --save-dev --save-exact prettier 创建一个配置文件.prettier及忽略文件 .prettierignore ...
npm add --dev @vue/eslint-config-prettier Please also make sure that you haveprettierandeslintinstalled. Usage Note: the current version doesn't support the legacy.eslintrc*configuration format. For that you need to use version 9 or earlier. See thecorresponding READMEfor more usage instructi...