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 进行标...
1.将下面的代码更新在已有文件里面 2.添加settings.json
{ "editor.formatOnSave": true, // 保存时自动格式化 "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode", // 格式化时使用 prettier }, "editor.codeActionsOnSave": { "source.fixAll.eslint": true // 保存时使用eslint校验文件 } } 项目里安装了eslint、prettier、eslint-con...
},extends: [// 使用插件中的configs 配置,里面含有rules,env等'eslint:recommended',// eslint推荐的规则'plugin:@typescript-eslint/recommended',// ts推荐的规则'plugin:vue/vue3-recommended',// vue组件特有的规则// "plugin:vue/recommended" // vue2使用'plugin:prettier/recommended',// eslint-conf...
表示所有类型的文件的格式化都使用Prettier 冲突 如果两者都启用,则因为规则冲突,在JS等文件中,会出现保存时,先运行了ESLint,然后再运行了Prettier,导致@eslint检测依然报错 解决 既然使用eslint规范,我的理解上当然是不能去修改eslint,因为这是共用规范,修改了就没有再使用的必要了,所以我是不推荐修改eslint的方式...
在前端开发中,很多人使用 prettier 作为代码格式化工具,用 ESLint 控制代码风格,以及检查错误。 但是这两个工具的配置是分开的,prettier 并不会根据 ESLint 的配置去格式化代码。当这两个工具同时工作时,产生的结果不一致,就会产生冲突。 例如,使用 vue-cli 创建一个项目,ESLint 配置为 standard 代码风格,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...
51CTO博客已为您找到关于vscode插件prettier eslint不能用的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vscode插件prettier eslint不能用问答内容。更多vscode插件prettier eslint不能用相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和
1、prettier 会默认把单引号变成双引号,然后 eslint 校验报错 2、js 每行代码后面会加一个分号,然后 eslint 校验报错 3、函数结束之后会加一个逗号,然后 eslint 校验报错 ... 1. 2. 3. 4. 在项目根目录创建.prettierrc.js,添加自己需要的配置,这里列了一下常用配置,包含上面冲突点的兼容,其他配置自动可...
这样就基本解决了eslint和prettier的冲突的问题,但是代码还是被格式化了两次,一次是在codeActionsOnSave使用eslint进行格式化,一次是在formatOnSave的时候prettier进行格式化 解决方式二 { // 1. 关闭codeActionsOnSave的格式代码// "editor.codeActionsOnSave": {// "source.fixAll.eslint": true // For eslint...