vscode保存自动格式化加双引号,逗号和分号等,导致ESLint报错,解决方法

最新推荐文章于 2024-07-04 15:25:19 发布
原创 最新推荐文章于 2024-07-04 15:25:19 发布 · 7.2k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #ide #visual studio code #vue #前端

本文指导如何在VSCode中解决vetur插件与ESLint格式冲突，通过修改settings.json避免自动添加冒号和分号，确保代码遵循ESLint规则。

报错的原因是因为eslint保存格式化和vscode所配置的格式化冲突所导致.

解决方法:在vscode设置的settings.json文件中的这行代码注释或者删除就行了,他就不会保存自动加分号和双引号之类的了,保存格式化也会按照eslint配置的来执行

VSCode中使用vetur插件格式化vue文件时，js代码会自动加上冒号和分号

所以ESLint和vetur会发生冲突

解决方法在vscode的sttings.json中加上

"vetur.format.defaultFormatter.js":"vscode-typescript"

点击设置然后在点击左上角的的这个就可以进入settings.json

 

 

 

 

 

wsd00-0731
关注
启用 ESLint 后 解决格式化文档自动添加分号和双引号问题
一个前端开发者
07-21 2487
启用 ESLint 后 解决格式化文档出现的问题 一、格式化文档时：解决自动添加分号和双引号问题 二、配置 eslint 不检查函数方法名和括号之间的空格，因为这个空格确实不是个错误，关闭该项检查
eslint校验 自动格式化（let、var自动格式化const，双引号自动格式化单引号，及自动去掉末尾逗号，分号）
^_^
09-01 2715
{ "liveServer.settings.donotShowInfoMsg": true, "editor.fontSize": 18, "editor.fontFamily": "Consolas, 'Courier New', monospace", "emmet.variables": { "lang": "zh-CN" }, // #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F "editor.fo.
vscode保存时，单引号变双引号，导致代码报错
weixin_60270723的博客
08-19 2418
因为我自己的Vscode是有设置自动将单引号变成双引号的格式化设置的,这个设置在大多数情况下是好用的,但是在严格模式下就会报错,所以需要限制一下这个格式化设置 解决方法如下 首先在根目录下创建.prettierrc.json文件,这边要注意不要把前面的 . 这个小点漏掉了 创建了.prettierrc.json文件后,在文件中加上 { "singleQuote":true, "semi":false "trailingComma":"none" }
我的vscode插件和setting设置(解决vscode保存出现提示运行“XXX“的保存参与者: 快速修复“的问题；二来修复“明明开启的是去分号和单引号,自动保存又自动添加了分号和双引号)
庚中
02-21 1万+
一.插件 1.已启用 2.禁用 二.setting设置 // { // "window.zoomLevel": 1, // "workbench.editor.enablePreview": false, //关闭rg.exe进程 // "editor.minimap.enabled": false, //关闭快速预览 // "liveServer.settings.do...
vscode保存格式化自动去掉分号、逗号、双引号
09-05 6141
之前每次写完代码都是双引号还有分号，看着很难受，就像修改一下，让它变成单引号，并且不加上引号：如下形式，看着简洁清晰明了。快捷键“Ctrl + Shift + P”打开命令面板。修改方式：更改 settings.json 文件。
vscode保存js代码自动双引转单引号
m0_58008000的博客
04-02 2117
有部分公司要求js要按照规定的格式来写，就比如统一使用单引 ''xxx 号代替 "xxx" 双引号，但是要如何才能在保存的时候就自动设置成双引号呢？很多小伙伴在开发web前端的时候都会用到vscode。5.重启完就到某一个页面文件ctrl+s保存试试即可。2.点击右上角那个像A4纸张一样的图标。3.在配置参数json当中加入一行代码。4.重启vscode，（关闭再打开）
VScode保存代码时时在语句后自动加分号
javaScriptming的博客
08-29 4255
3.搜索vetur.format.defaultFormatterOptions，将"semi"值改为false。3.JavaScript>Format: Semicolon 改完remove（删除不必要的分号）。2.在命令面板中输入 "Preferences: Open User Settings"，然后按。2.在命令面板中输入 "Semicolon"，然后按。（Windows和Linux系统）或。（Windows和Linux系统）或。（MacOS系统）打开命令面板。（MacOS系统）打开命令面板。
vscode自动保存代码，自动按照eslint和standard规范格式化代码设置
qq_23334071的博客
03-07 1680
风格的重要性 如果你已经从事编码工作有一段时间了的话，那你肯定会有一种自己喜欢的风格。当你成百上千次以特定的模式编写代码时，你会发现你的编码方式是令人愉悦的。突然间来了个人，开始把挂在行尾的大括号单起一行。你可能会发牢骚。深呼吸冷静思考一下，你放置括号的位置 或 关键字后加空格 不会让你的程序更加正确，这只是个人喜好。 JavaScript 没有官方的编码风格指南 采用 standard 编码风格意味着 代码清晰性和社区约定的重要性要高于个人的编码风格。这不一定适用于所有项目和开发文化，但是开放项目
prettier - vscode 保存代码自动格式化插件安装与配置项备注
_
04-02 4966
目录 prettier - vscode 保存代码自动格式化插件 配置保存文件时自动格式化 配置保存时HTML标签不自动换行（2020.12.03 13:58 再更新） 我的改动 关于配置项 项目代码格式化 部分 prettier 配置及注释 部分 eslint 配置及注释 vetur 插件配置截图（针对 .vue 文件） prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，
【VSCode操作手册】prettier和ESlint格式冲突问题解决2-Missing space before function parentheses
Txtechcom的博客
02-07 1259
prettier和ESlint格式冲突问题解决2-Missing space before function parentheses。之前写了一篇基于Prettier ESLint插件，有时Prettier ESLint插件不好用无反应，于是有了这一篇基于Prettier插件的配置。
解决VScode自动保存时在语句后疯狂加分号【亲测可行】
qq_43491453的博客
11-26 8516
vscode用的好好的突然发现 ESlint报错 后面有分号 去掉分号后保存自动又加上，贼烦，通过在网上搜索都说用如下方法： 在settings.json中加入如下语句， "vetur.format.defaultFormatterOptions": { "prettier": { // 格式化不加分号 "semi": false, // 格式化为单引号...
vscode保存自动添加分号
懒羊羊懒羊羊
07-04 774
网上也有说改成这样，我的不管用。
解决使用ESLint后出现的报错：当代码中的双引号、分号、空格不符合规范
热门推荐
那朵花的博客
01-28 1万+
所有配置修改完后需重启生效！ 问题： vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中的有些规则和ESLint规则相反！ 例如： 情况一：你按ESLint的规则写的代码是这样的 ↓ 但是当你使用vscode 的格式化功能后 ↓ 然后出现报错 ↓ 解决办法：在项目根目录创建.prettierrc 文件...
在使用Eslint的时候，vscode会自动在末尾添加逗号，导致报错
qq_45879198的博客
02-12 5479
项目场景： 在创建vue项目的时候，使用Eslint进行格式化时 问题描述： 在使用Eslint的时候，vscode会自动在末尾添加逗号，导致报错 解决方案： 将vscode里面的settings.json里的(也就是vetur的配置) "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, 改为 "[vue]": { "editor.defaultFormatter": "octref.vetur" }, `
vscode 设置保存格式化，当保存时，单引号变成了双引号，vue项目报错
LHJBK的博客
02-09 3285
新建一个vue项目并设置了格式化，当我们在初始化结构目录中进行修改并保存时，会出现单引号变成了双引号，导致运行项目报错问题，解决方法如下： 在项目根目录中，新建一个文件，命名为‘ .prettierrc.json’(注意不要丢掉前面的,) 在该文件中，输入如下代码： { 　　　　　　"singleQuote": true, 　　　　　　"semi": false 　　　　　　} 重新进行保存，运行即可。 ...
vscode中CTRL+S自动格式化保存 导致Vue中单引号变双引号加分号
m0_61135864的博客
09-29 1745
想必大家都有ctrl加s的习惯 写vue项目的时候 好像是因为Vetur这个插件 导致我们自动把单引号变成双引号 以及添加分号导致eslint报错 1.我们可以在终端中命令修正：npm run lint 2.在设置中打开settings.json文件中添加 "vetur.format.defaultFormatter.js":"vscode-typescript" 以及 "javascript.format.insertSpaceBeforeFunctionParenthe...
vscode自动保存逗号问题
weixin_72647214的博客
05-16 722
关于自动添加逗号问题
vscode格式化Vue，代码会自动加上分号的问题
F小钱的博客
09-16 1万+
vscode格式化Vue，代码会自动加上分号的问题vscode格式化Vue解决方法 vscode格式化Vue vscode升级一次后，每次保存都会在代码后面自动加上分号，然后Eslint检测报错 Extra semicolon.eslint(semi)。 解决方法 解决方法一 把"vetur.format.defaultFormatter.js": “prettier”,改为 “vetur.fo...
【vscode】vscode解决js末尾自动添加逗号
Meditation_Crazy
09-27 6268
前言 转载：https://blog.youkuaiyun.com/qq_15764487/article/details/80642412 操作步骤 左上角文件=>首选项=>设置
VSCode格式化插件-prettier怎么打分号自动格式化
最新发布
07-09
<think>我们正在配置Prettier插件以实现两个主要目标：自动添加分号（semi）和代码格式化。 根据引用[1]和引用[2]，我们知道可以在VSCode的设置中配置Prettier，也可以通过项目中的配置文件（如.prettierrc）来配置。 用户需求：配置Prettier在保存时自动格式化代码，并确保自动添加分号（即设置semi为true）。 步骤： 1. 确保已经安装了Prettier插件（esbenp.prettier-vscode）。 2. 配置VSCode的设置（可以在用户设置或工作区设置中）来启用保存时格式化，并设置Prettier为默认格式化工具。 3. 配置Prettier的规则，特别是关于分号的规则（semi）设置为true。 有两种配置方式： - 在VSCode的设置中直接写入Prettier的配置（在settings.json中） - 在项目根目录创建配置文件（如.prettierrc）来指定规则 根据引用[2]，在配置文件中可以设置"semi": true来添加分号。 因此，我们可以选择以下两种方法之一： 方法一：通过VSCode设置（settings.json） - 打开设置（快捷键Ctrl+, 或者通过菜单：文件 > 首选项 > 设置） - 在设置中搜索Prettier，找到相关设置，或者直接编辑settings.json文件。 - 添加以下配置： ```json { "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode", "prettier.semi": true, // 添加分号 // 其他Prettier配置... } ``` 方法二：通过项目中的配置文件（推荐，因为可以共享配置） - 在项目根目录创建文件：.prettierrc - 内容为： ```json { "semi": true } ``` 如果需要其他配置，可以一并加入，例如： ```json { "semi": true, "singleQuote": false, "tabWidth": 2, "useTabs": false, "trailingComma": "none", "printWidth": 100 } ``` 注意：如果同时存在多种配置（如VSCode设置和.prettierrc文件），则Prettier会按照优先级合并，通常项目中的配置文件优先级更高。 另外，确保在VSCode中Prettier是当前文件的默认格式化工具（可以通过在编辑器中右键选择“格式化文档”然后选择Prettier，并设置为默认）。 如果已经按照引用[1]设置了全局的保存时格式化，那么只需要配置Prettier的规则即可。 因此，总结步骤如下： 1. 安装Prettier插件（如果未安装）。 2. 在VSCode设置中启用保存时格式化，并设置Prettier为默认格式化工具（如果尚未设置）。 3. 配置分号规则：在项目根目录创建.prettierrc文件，并设置"semi": true；或者在VSCode的settings.json中设置"prettier.semi": true。 注意：如果项目中有.prettierrc文件，则优先使用该文件中的配置，所以推荐使用项目配置文件，这样配置可以共享给其他开发者。 完成以上步骤后，保存文件时Prettier就会自动添加分号并格式化代码。 引用说明： [^1] 提到了如何开启保存时自动格式化以及设置默认格式化工具。 [^2] 给出了一个.prettierrc配置文件的例子，我们可以修改其中的"semi"为true。 因此，我们可以这样写：</think>### 配置 Prettier 实现分号自动添加和代码格式化 以下是详细配置步骤（根据引用[1][2]优化）： #### 1. **全局 VSCode 设置** 打开 VSCode 设置 (`Ctrl+,` 或 `Cmd+,`)，在 `settings.json` 添加： ```json { "editor.formatOnSave": true, // 保存时自动格式化 "editor.defaultFormatter": "esbenp.prettier-vscode", // 默认格式化工具 "prettier.requireConfig": true, // 强制使用配置文件 "[javascript]": { // 针对 JS 文件 "editor.defaultFormatter": "esbenp.prettier-vscode" } } ``` [^1] #### 2. **项目级配置文件** 在项目根目录创建 `.prettierrc` 文件，添加分号配置： ```json { "semi": true, // 自动添加分号 "singleQuote": false, // 使用双引号 "trailingComma": "none", // 结尾无逗号 "printWidth": 100, // 行宽限制 "tabWidth": 2, // 缩进空格数 "useTabs": false // 用空格代替制表符 } ``` [^2] #### 3. **验证配置** 1. 创建测试文件 `test.js`： ```javascript const example = (a,b)=> { return a + b } ``` 2. 保存文件后，Prettier 会自动格式化为： ```javascript const example = (a, b) => { return a + b; }; // 分号已自动添加 ``` #### 4. **注意事项** - 配置优先级：`.prettierrc` > VSCode 全局设置 - 若未生效： 1. 检查右下角状态栏是否显示 `Prettier` 为激活状态 2. 执行命令 `Ctrl+Shift+P` > "Format Document With..." > 选择 Prettier 3. 重启 VSCode > ⚠️ 如果项目已有 `.prettierrc`，只需添加 `"semi": true` 即可覆盖默认配置
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值