eslint-config-standard是一个标准的ESLint规则检测库,因此只需要安装这个库就可以省去配置ESLint规则。 然后,在项目的根目录里面手动创建一个.eslintrc文件,然后在里面添加如下代码: {"extends":"standard"} 执行完以上步骤,就可以使用ESLint这个工具来校验项目里的代码。 在Vue项目里,.vue文件写的是类似于html的...
eslint-config-standard: 一套通用的 ESLint 规则配置。eslint-config-prettier:关闭与 Prettier 可能冲突的 ESLint 规则,解决 ESLint + Prettier 时的冲突问题eslint-plugin-prettier:Prettier 的插件,使得 ESLint + Prettier 结合使用成为可能。让 Prettier 的格式化操作归属在 ESLint 的过程中执行,对于 Prettier ...
demo 中 stanard 对应的就是 package.json 中 'eslint-config-standard' 这个包提供的一套规则。 插件中提供的扩展。 在demo 初始化时,我们可以看到 eslint-plugin-node 等插件包被安装,这些插件包是 eslint-config-standard 的依赖,所以会被自动安装,这些插件包也提供了一些规则可供扩展。 譬如如下代码在 node ...
在创建vue项目中,会选择linter/Formatter,eslint-config-standard "standard"插件代表的是eslint的standard插件都要安装 所以参考一下以下依赖是否安装 eslint babel-eslint eslint-plugin-html eslint-config-standard eslint-plugin-standard eslint-plugin-promise 在运行项目时,报错6 errors and 0 warnings potential...
b.标准规范包:eslint-config-standard c.第三方规范包(google/airbnb/facebook…) 6.1 内置规范包 已经随eslint一起下载: eslint-all:使用全部280多个规则 eslint-recommended:只使用推荐的60个规则 6.2 标准规范包(需要下载) 包名:eslint-config-standard也使用了200多个规则 ...
'eslint-config-standard', // 可以缩写成 'standard' '@vue/prettier', './node_modules/coding-standard/.eslintrc-es6' ] } 1. 2. 3. 4. 5. 6. 7. 8. 9. 从上面的配置,可以知道 extends 支持的配置类型可以是以下几种 eslint 开头的:是 ESLint 官方的扩展; ...
"eslint": "^7.32.0","eslint-config-standard": "^16.0.3","eslint-plugin-import": "^2.26.0","eslint-plugin-node": "^11.1.0","eslint-plugin-promise": "^5.2.0","eslint-plugin-vue": "^8.6.0", // 只针对 vue 项目需要安装"eslint-webpack-plugin": "^3.1.1", ...
standard 本身是不赞成这样做的,如果你一定要使用 standard 并需要对其中某些规则进行自定义的话,你需要使用 eslint-config-standard,当然, 在上面我们执行的 ESLint init 指令安装的配置中,就是以这种形式使用standard 的。 总结 本文介绍了用于前端编码规范、代码质量管理的几个开源方案,搭建了基于 vue 的 ESLint...
确保代码遵循最佳实践比如：可以借助eslint-config-standard配置包扩展社区中流行的最佳实践的风格指南。这样就能极大提高项目中多人协作开发时的效率、代码的可读性以及可维护性。ESLint特点 一、ESLint 的所有规则都被设计成可插拔的 每条校验规则都是独立的，可以单独开启或关闭（没有什么可以被认为“太重要所以不能...
standard即eslint-config-standard,注意npm install后才可用。 plugin:vue/recommended即eslint-plugin-vue下的recommended配置,同样的还有base、essential、strongly-recommended等配置,可直接查看源码或官网介绍。 注:一般而言直接去npm仓库查找后,直接npm install按照上述逻辑即可使用,但是不排除例外。如eslint-plugin-vue,...