1) 禁用一些eslint和prettier冲突的规则, Turns off all rules that are unnecessary or might conflict with Prettier.github link(https://github.com/prettier/eslint-config-prettier#special-rules) 安装eslint-plugin-prettier.调用prettier 格式化代码,然后与格式化前对比,如果不一致,这个地方就会被prettier 进行标...
配置prettierrc,供给eslint-plugin-prettier插件使用 .prettierrc {"prettier/prettier":[// 配置prettier规则,也可以将所有规则放到.prettierrc 专用配置中"warn",{"printWidth":100,"tabWidth":2,"useTabs":false,"semi":false,"jsxSingleQuote":true,"singleQuote":true,"arrowParens":"avoid","bracketSameLine...
// 开启自动格式化"editor.formatOnSave":true,// 设置所有文件默认格式化工具为prettier"editor.defaultFormatter":"esbenp.prettier-vscode",// eslint范围内的文件类型,关闭保存时格式化"[javascript]":{"editor.formatOnSave":false},"[typescript]":{"editor.formatOnSave":false},"[vue]":{"editor...
编辑器使用Prettier插件根据.prettierrc文件中的配置来美化代码, 同时,ESLint插件也根据.eslintrc文件中的配置对代码进行美化和校验,而这里由于使用了eslint-plugin-prettier,该eslint插件用prettier替代了eslint本身对于代码美化部分的功能,而其中的配置是官方默认配置,并且不从.prettierrc文件中读取配置 因此当.prettierr...
例如,如果你在项目里的eslint配置文件中选择不接受通过分号结束语句,当你通过eslint格式化文档时不一定会出现问题,可是通过prettier格式化就很难说了。 我选择第二个.vue的问题解决一下。 在编辑区域内右键,选择“文档格式设置方式...”。 我们可以发现现在默认的格式化插件是Vetur,这就完全可以解释为什么会出现上面fix...
下面是配制 Prettier 和 ESLint 的方法: 安装eslint-config-prettier1 yarn add --dev eslint-config-prettier 在ESLint 配置文件中添加配置在.eslintrc.json文件中的extends的最后中添加 { "extends": ["eslint:recommended", "prettier"] } 这样VSCode 使用 Prettier 插件来格式化代码就不会冲突了。
{"[vue]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"eslint.alwaysShowStatus":true,"eslint.format.enable":true,"eslint.packageManager":"yarn","eslint.run":"onSave","prettier.packageManager":"yarn","eslint.validate":["vue","javascript","javascriptreact"],"editor.codeActionsOnSa...
有安装ESLint的情况下,可以尝试将Prettier的配置偏向ESLint的校验结果。列一下常见的冲突点: 1、prettier 会默认把单引号变成双引号,然后 eslint 校验报错 2、js 每行代码后面会加一个分号,然后 eslint 校验报错 3、函数结束之后会加一个逗号,然后 eslint 校验报错 ...
在配置vue脚手架调试过程中,遇到vscode自动保存格式prettier和eslint文件默认格式不兼容的问题 出现了以下几个常见问题,例如: 缩进符不匹配(规则是2字节但vscode的默认缩进符4字节) 行尾加不加空格,分号 js文件末尾要不要加一个空行等问题 下面贴出我调试好后的prettier规则和eslint文件rules设置,具体参数对应意思可以...
这样就基本解决了eslint和prettier的冲突的问题,但是代码还是被格式化了两次,一次是在codeActionsOnSave使用eslint进行格式化,一次是在formatOnSave的时候prettier进行格式化 解决方式二 { // 1. 关闭codeActionsOnSave的格式代码// "editor.codeActionsOnSave": {// "source.fixAll.eslint": true // For eslint...