一个共享配置,plugin:prettier/recommended,它启用了prettier/prettier规则 例如,在 ESLint 的遗留配置格式中,你可以通过扩展其推荐配置来启用它: 代码语言:javascript 复制 {"extends":["plugin:prettier/recommended"]} 扩展该配置: 将eslint-plugin-prettier添加到扩展插件的"plugins"列表中,从而加载prettier/prettier...
首先下载 eslint, prettier, eslint-config-prettier, eslint-plugin-prettier npm install --save-dev eslint prettier eslint-config-prettier eslint-plugin-prettier 项目根目录添加 .eslintrc.js 和 .prettierrc // .eslintrc.json { "extends": ["plugin:prettier/recommended"] } // .prettierrc.json...
// "prettier/prettier": ["error", {}, { // "usePrettierrc": true // }] // 开启这个配置,可以指定使用.prettierrc.js配置,不会和其他配置冲突 } } 方式二: extends: [ 'plugin:prettier/recommended', ], 两种区别: 方式一:两种规则会有冲突 方式二:两种规则没有冲突,会自动去掉eslint冲突的规...
而plugin:prettier/recommended帮我们做了如下事情: { "extends": ["prettier"], // 使用eslinst-config-prettier中的配置项 "plugins": ["prettier"], // 注册该prettier插件 "rules": { "prettier/prettier": "error", // 在eslint中运行prettier,并启用该插件提供的规则 "arrow-body-style": "off", ...
首先安装prettier插件: npm i -D prettier eslint-plugin-prettier eslint-config-prettier 然后在.eslintrc文件中添加对prettier的配置,主要有这几处: {"extends":[// extends 指定扩展的配置, 支持规则的覆盖和聚合..."plugin:prettier/recommended",// 如果同时使用了eslint和prettier发生冲突了,会关闭掉与pret...
'eslint:recommended', "plugin:prettier/recommended" ], rules: { "prettier/prettier": "error", // allow async-await 'generator-star-spacing': 'off', 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off', // allow debugger during development ...
"extends":["...","plugin:prettier/recommended"] 然后eslint在校验的时候就会参考prettier的规则,并且会关闭eslint和prettier有冲突的地方,即以prettier为准,而没有定义的规则则以eslint的为准. 如果项目有prettier的配置文件,在校验的时候也会被参考进去,而本地的配置则不会被参考,vscode的插件也不会被参考。
plugin:prettier/recommended:使用prettier中的样式规范,且如果使得ESLint会检测prettier的格式问题,同样将格式问题以error的形式抛出 使用husky和lint-staged构建代码 安装依赖 npm i --save-dev husky lint-staged 修改package.json 添加以下代码 "husky": { ...
eslint-plugin-prettier作用:会调用prettier对代码风格进行检查。 先使用prettier对代码格式化 然后与格式化之前的代码进行对比,如果不一致,这个地方就会被prettier进行标记 { "liveServer.settings.port": 5501, "editor.tabSize": 2, // tab锁进 "editor.tabCompletion": "on", // 用来在出现推荐值时,按下Tab...
"eslint-plugin-prettier": "^4.0.0", "eslint-plugin-import": "^2.25.4", 接下来在根目录新建.eslintrc.js // https://eslint.bootcss.com/docs/rules/ module.exports = { root: true, env: { es6: true, browser: true, node: true ...