vscode下使用eslint和prettier时，eslint的(prettier/prettier)需要重启vscode才能生效

最新推荐文章于 2024-03-09 21:39:07 发布
最新推荐文章于 2024-03-09 21:39:07 发布
阅读量425 收藏
点赞数
文章标签： vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yc454477405/article/details/125468525
版权

问题

vscode下同时使用eslint和prettier时，发现prettier要求的是双引号，而eslint要求的是单引号，这时就会出现冲突，按理说，只要在prettierrc配置singleQuote为true就可以了，但是这样会出现一个问题，就是eslint中的prettier/prettier会报警，提示应该要双引号，这就很头疼了，明明prettierrc已经配置要的是单引号了呀。

解决方案

重启vscode

剑玄录
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
prettier-eslint-code：[已弃用] vscode扩展，可使用prettier-eslint格式化javascript
02-05
已淘汰 请使用以下软件包： （ ext install prettier-vscode ）。 此软件包已弃用，将不再维护。 用于Visual Studio代码的漂亮ESLint 通过Prettier和ESLint --fix格式化JavaScript。 这使用自动格式化并在保存时修复。 用法 您可以手动运行以下命令： 您可以使用内置格式化程序： 启用editor.formatOnSave配置后，它即开即用！ 设定值 prettier.printWidth可用于设置自定义打印宽度。 prettier-eslint.eslintPath可用于设置自定义eslint路径。 更漂亮-设置 {
详解Vscode中使用Eslint终极配置大全
12-13
在 vue项目中使用vscode编辑时，使用了如下这套配置，保存时就会根据既定vue项目中.eslintrc.js文件设置的既定规则自动校验并依据规则修复代码。 需安装插件 主要是这两个插件： ESLint Prettier – Code formatter 个人现用vscode插件截图.png vscode中setting.json中配置 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
主要介绍了vscode 配置vue+vetur+eslint+prettier自动格式化功能，本文通过实例代码图文的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
前端项目代码规范：ESLint和Prettier的配置与管理
最新发布
qq_43416206的博客
03-09 1398
想象一下，ESLint就像是一个严格的老师，它会告诉你哪里的代码写得不够好，哪里可以改进。这是一个开源的 JavaScript 代码检测工具，自从2013年它出现以来，它就成为了JavaScript开发者的好伙伴。它的核心任务是提供一个可以定制的检查系统，让你能够根据自己的喜好来设定规则，保证你的代码既规范又统一。
about-React-NPM-Eslint-Prettier:关于React开发人员的React，NPM，Eslint和Prettier安装
05-23
About-React-NPM-Eslint-Prettier 关于React开发人员的npm，React，Eslint和Prettier安装 动机 npx@^7.4.0中的create-react-app使用的eslint@6.6.0无法与react配合使用。 React应该是7.2.0版本。 在这里，我正在测试create-react-app的最新版本，并显示更新开发环境的正确路径。 目录 VSCode配置 测试 解决Eslint错误 VSCode不显示Eslint /更漂亮的错误 沙哑 SCSS 如何调试代码 NodeJS安装和升级 为了使用react-create-app，该项目建议使用最新的LJS版本的NodeJS。 网站：从NodeJS中选择LTS nvm： nvm install node --reinstall-packages-from=node Brew：B
vscode中eslint插件的配置（prettier配置无效）
10-16
主要介绍了vscode中eslint插件的配置（prettier配置无效），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vsCode安装 的随笔一记
hakey_new的博客
07-17 326
vsCode 的安装及配置，前端开发必备工具
【问题】eslint添加配置后重启vscode后依然无法使用
学无止境
03-10 1414
问题描述 在setttings中添加eslint配置，重启vscode后依然无法使用 "eslint.enable": true, "eslint.run": "onType", "eslint.options": { "extensions": [ ".js", ".vue", ".jsx", ".tsx" ] }, "editor.cod
给Vscode配置ESlint语法检查 — ESLint 插件自动格式化设置（实现Ctrl+S 按照ESLint规则自动格式化代码）
一往直“前”，直上云“端”
07-28 1万+
实现按照ESLintESLint（读取ESLint配置文件进行语法检测）—主要Prettier（代码格式化工具）vetur vue代码高亮本文主要通过VScode中的ESLint插件进行配置，代码规范是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。这里使用的开发工具是vscode，配合eslint来对项目进行格式校验，本文vue项目添加配置。给Vscode配置ESlint语法检查；ESLint 插件自动格式化设置（实现Ctrl+S 按照ESLint规则自动格式化代码）......
vscode配置eslint,实现文件保存使用eslint格式化，问题1.扩展名‘eslint‘被配置为格式化程序，但它无法格式化’JavaScript‘文件。2.eslint命令无法执行
lingliu0824的博客
04-11 1万+
当项目中使用了eslint时，如果保存时不使用eslint格式化，运行时可能会由于个人编码习惯出现很多问题，所以期望在保存时能够自动根据eslint配置格式化文档。 eslint 配置完成后始终不生效问题 首先说一下eslint配置完后，始终不生效的问题，我之前使用的多模块项目，每个模块独立，但是始终有一个模块的eslint不生效，把模块内容复制到其他模块或新建模块都ok。最终解决：重启eslint。具体操作如下： 1.在vscode中使用快捷键ctrl+shift+p打开命令输入框 2.输入eslint
VScode ESLint 插件不生效原因
japlus的博客
12-28 1万+
前提： 确保eslint配置文件和node_modules在根目录下（vscode打开在项目根目录） 确定安装了vscode eslint插件 确认package.json中安装了 eslint和eslint-plugin等 确认使用命令npx eslint ./xxx.js 可以正常输出，保证eslint配置无误。 如何排查 vscode 按下f1 输入eslint 选择ESLint: Show Output Channel查看eslint报错信息 不生效原因： 当前eslint版..
前端-VScode安装和使用
qq_46112274的博客
05-28 169
VsCode使用1、前端开发2、VScode使用前的准备2.1、为了方便开发，建议安装如下插件2.2、设置字体大小2.3、开启完整的Emmet语法支持3、创建项目3.1、创建空的文件夹3.2、然后打开vscode，再在vscode里面选择 File -> Open Folder 打开文件夹，这样才可以创建项目。3.3、保存工作区3.4、工作区创建成功3.5、创建文件。3.6、在创建的文件01.html中编写代码，然后右键运行3.7、浏览器输出 1、前端开发 前端工程师“Front-End-Develo
vscode 自动配置eslint + prettier环境的工具vscode-eslint-prettier-helper
japlus的博客
04-09 725
vscode-eslint-prettier-helper 该工具基于node child_process、fs，依赖vscode 的cli code命令， 工具会自动配置vscode 的eslint + prettier 代码格式化环境 npm:vscode-eslint-prettier-helper - npm (npmjs.com) repo:vscode-eslint-prettier-helper: 自动配置vscode eslint prettier (gitee.com) 支持..
VS Code | 如何快速重启VS Code？
热门推荐
天泽岁月
04-08 4万+
VS Code | 如何快速重启VS Code？
在VScode中配置ESLint和prettier插件
酷爱前端的小陈博客
05-04 8769
1、ESLint工具介绍 可组装的JavaScript和JSX检查工具 用来团队开发整顿代码的风格（例如代码后面是否加“ ；”，代码前使用4个空格，还是两个空格或是一个Tab键） 使用方法查阅官方网址 ESLint官方文档http://eslint.cn/ 2、在VScode中配置ESLint工具 首先在VScode中搜索tabsize 在VScode中搜索format 3、创建带有ESLint工具 的Vue项目 找到需要创建项目的根目录 ......
VsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
知之为知之，不知为不知
08-20 9471
vsCode配置Eslint + Prettier结合使用详细配置步骤，规范化开发
vsCode配置Eslint+Prettier结合使用详细配置步骤，规范化开发
JHLIN的博客
07-14 9451
Eslint+Prettier结合使用详细配置步骤，规范化开发
VSCode如何与ESLint和prettier结合使用
weixin_50786692的博客
11-20 984
VSCode如何与ESLint和prettier结合使用 前言：作为一名前端开发者，在大多数的情况下，我们都需要和vscode编辑器打交道，因此熟悉vscode对于我们而言是一件很重要的事情，前两天我发现自己始终没有很清楚关于如何使我们的编辑器能够很好的自动格式化代码相关的问题，今天我写这篇博客，就是想好好记录一下，相关的问题。 首先先了解第一个问题，如何配置vscode的默认配置。 注意：以下效果均保证自己的vscode编辑器没有任何关于格式化的第三方插件的情况下才可以生效哦。 mac : comman
5分钟带你看懂 prettier + eslint 搭配（vscode）
fightingLKP的博客
09-06 1万+
1、配置 ctrl + s ，自动保存功能2、配置eslint的两种方式3、配置prettier的两种方式 4、解决eslint 和 prettier 冲突问题。
vscode配置eslint和prettier
03-16
1. 首先，你需要在VSCode中安装...5. 最后，你需要在VSCode中打开一个项目文件，然后按下"Ctrl+Shift+P"，输入"Format Document"，然后选择"ESLint + Prettier"，这样就可以使用ESLint和Prettier来格式化你的代码了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值