目标是:Eslint校验代码语法,prettier统一格式化代码,按下保存自动修复eslint错误,自动格式化代码(因为懒~) 安装vscode插件 首先,需要安装Vetur、ESLint、Prettier - Code formatter这三个插件,安装完重启下,防止插件不生效。 另外这里有个坑,Beautify插件会占用格式化代码的快捷键,因此会和prettier产生冲突,所以直接禁用掉。
"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...
rules: {"prettier/prettier":"error"} 如果用eslint-config-prettier启用Prettier,建议不要使用"plugin:vue/strongly-recommended"或"plugin:vue/recommend",因为这两个类别中有部分规则与Prettier冲突。 所以更推荐的做法是安装 @vue/eslint-config-prettier eslint-plugin-prettier,然后修改.eslintrc.js extends: [...
另外,你也可以通过在npmjs.com上搜索“eslint-config”并使用别人创建的配置。在没有使用别人的可共享配置或在配置中明确启用规则时,ESLint 不会检查你的代码。 二、配置 prettier 在我们的项目中,eslint 应主要负责校验语法校验,prettier应主要负责代码格式化。同eslint一样,我们不需要单独安装 ESLint 去使用,例如...
vue2 解决eslint 与 prettier 的冲突 1,关闭eslint 这里只说vue-cli脚手架的关闭方法,其实很简单,就是把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。 AI检测代码解析 module: { rules: [ // { // test: /\.(js|vue)$/,...
Vue新项目配置ESLint 我们在使用VueUI创建项目得时候,选择Linter/Formatter的时候我们有如下选项: ESLint with error prevention only --仅错误预防 ESLint + Airbnb config --Airbnb配置 ESLint + Standard config --标准配置 ESLint + Prettier --Prettier风格规则 ...
Vue Vite 项目增加 eslint 和 prettier Eslint 版本为 8.X 1. 安装 8.X 版本的 eslint pnpm i eslint@^8.57.0 -D 2. 安装 eslint 以及 prettier 以及一堆依赖 pnpm i eslint eslint-plugin-vue @vue/eslint-config-prettier prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-im...
vue项目中使用eslint+prettier规范与检查代码 1.前言 在团队协作中,为避免低级 Bug、以及团队协作时不同代码风格对彼此造成的困扰与影响,会预先制定编码规范。使用 Lint 工具和代码风格检测工具,则可以辅助编码规范执行,有效控制代码质量。EsLint 则是其中一个很好的工具。
@vue/prettier/@typescript-eslint:使得@typescript-eslint中的样式规范失效,遵循prettier中的样式规范,需要放在最后一项。 extends:代表你启动哪些lint选项,如果多个规则直接有冲突的话,extends后面的选项会覆盖前面的。 module.exports= {root:true,env: {node:true},extends: ['plugin:vue/essential','@vue/prett...
Eslint是一个代码检查工具,用来检查你的代码语法是否符合指定的规范,ECMAScript标准 二、prettier插件——代码格式化工具 prettier是一款优秀的代码格式化工具,它并不关心你的语法是否正确,只关心你的代码格式,比如是否使用单引号,语句结尾是否使用分号等等,它可以把格式错乱的代码转化为符合标准的漂亮代码,prettier支持格式化...