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

最新推荐文章于 2024-07-04 15:25:19 发布

wsd00-0731

最新推荐文章于 2024-07-04 15:25:19 发布

阅读量6.4k

点赞数 12

本文链接：https://blog.csdn.net/wsd000726/article/details/120919012

版权

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

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

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

所以ESLint和vetur会发生冲突

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wsd00-0731

关注关注

12
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vite2+eslint+prettier，解决VSCode保存时候自动格式化,导致ESLint报冲突

何以笙箫默jl的博客

11-11

2319

背景描述以前一直用破解版的Webstorm,没有用过VSCode，到新公司后不让用盗版软件了，自己捣鼓了一下VSCode。配置ESLint、Prettier代码格式化的时候，遇到了大坑！！！！保存后，莫名其妙的又被格式化成4个空格的，整整纠结了2天都没解决。直到遇到了这个文章才解决：解决VS Code保存时候自动格式化_一汀程序狗的博客-CSDN博客_vscode保存时自动格式化不知道从哪个版本起，VS code 保存会自动格式化。以前都是alt+shift+F格式化的，现在一保存就格式化，而且html

vscode自动保存代码，自动按照eslint和standard规范格式化代码设置

qq_23334071的博客

03-07

1422

风格的重要性如果你已经从事编码工作有一段时间了的话，那你肯定会有一种自己喜欢的风格。当你成百上千次以特定的模式编写代码时，你会发现你的编码方式是令人愉悦的。突然间来了个人，开始把挂在行尾的大括号单起一行。你可能会发牢骚。深呼吸冷静思考一下，你放置括号的位置或关键字后加空格不会让你的程序更加正确，这只是个人喜好。 JavaScript 没有官方的编码风格指南采用 standard 编码风格意味着代码清晰性和社区约定的重要性要高于个人的编码风格。这不一定适用于所有项目和开发文化，但是开放项目

参与评论您还未登录，请先登录后发表或查看评论

VScode保存代码时时在语句后自动加分号

javaScriptming的博客

08-29

3373

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 设置保存格式化，当保存时，单引号变成了双引号，vue项目报错

LHJBK的博客

02-09

2967

新建一个vue项目并设置了格式化，当我们在初始化结构目录中进行修改并保存时，会出现单引号变成了双引号，导致运行项目报错问题，解决方法如下：在项目根目录中，新建一个文件，命名为‘ .prettierrc.json’(注意不要丢掉前面的,) 在该文件中，输入如下代码： { 　　　　　　"singleQuote": true, 　　　　　　"semi": false 　　　　　　} 重新进行保存，运行即可。 ...

vscode保存自动添加分号

最新发布

懒羊羊懒羊羊

07-04

217

网上也有说改成这样，我的不管用。

vscode保存时，单引号变双引号，导致代码报错

weixin_60270723的博客

08-19

1919

因为我自己的Vscode是有设置自动将单引号变成双引号的格式化设置的,这个设置在大多数情况下是好用的,但是在严格模式下就会报错,所以需要限制一下这个格式化设置解决方法如下首先在根目录下创建.prettierrc.json文件,这边要注意不要把前面的 . 这个小点漏掉了创建了.prettierrc.json文件后,在文件中加上 { "singleQuote":true, "semi":false "trailingComma":"none" }

解决使用ESLint后出现的报错：当代码中的双引号、分号、空格不符合规范

那朵花的博客

01-28

1万+

所有配置修改完后需重启生效！问题： vue-cli构建的项目默认启用ESLint进行代码检测，凡是不符合它规范的就会报错，但是vscode代码格式化中的有些规则和ESLint规则相反！例如：情况一：你按ESLint的规则写的代码是这样的 ↓ 但是当你使用vscode 的格式化功能后 ↓ 然后出现报错 ↓ 解决办法：在项目根目录创建.prettierrc 文件...

vscode中CTRL+S自动格式化保存导致Vue中单引号变双引号加分号

m0_61135864的博客

09-29

1503

想必大家都有ctrl加s的习惯写vue项目的时候好像是因为Vetur这个插件导致我们自动把单引号变成双引号 以及添加分号导致eslint报错 1.我们可以在终端中命令修正：npm run lint 2.在设置中打开settings.json文件中添加 "vetur.format.defaultFormatter.js":"vscode-typescript" 以及 "javascript.format.insertSpaceBeforeFunctionParenthe...

vscode 新版eslint自动修复_vscode自动修复eslint规范的插件及配置

weixin_30597089的博客

01-13

3087

在开发大型项目中，经常都是需要多人合作的。相信大家一定都非常头疼于修改别人的代码的吧，而合理的使用eslint规范可以让我们在代码review时变得轻松，也可以让我们在修改小伙伴们的代码的时候会更加清晰。但是往往在开发过程中由于我们个人习惯的不通经常会先关掉一些eslint的属性，又或者每个人对于eslint的配置也是不一样的，所以当我们统一配置eslint之后，我们可以通过vscode或者web...

vscode 使用ESLint 自动检查，保存时自动格式化

热门推荐

兔子零

05-21

1万+

1:全局安装eslint npm install -g eslint 2: 打开vscode 点击 “文件”-----》“首选项”----》“设置”，在右侧“用户设置/settings.json”里加入一下配置： { //eslint 代码自动检查相关配置 "eslint.enable": true, "eslint.autoFixOnSave": true, ...

vscode配置-保存格式化

qq249159025的博客

03-15

766

vscode配置----ctrl+s保存格式化(vue3) 一、配置项目 Prettier - ESlint Vite 需要 Node.js 版本 >= 12.0.0 vscode 文件 > 首选项 > 设置 > ( 搜索 setting ) > 点击 (在settings.json中编辑) settings.json (用户 / 工作区) { "editor.fontSize": 16, "workbench.colorTheme":

vscode保存js代码自动双引转单引号

m0_58008000的博客

04-02

945

有部分公司要求js要按照规定的格式来写，就比如统一使用单引 ''xxx 号代替 "xxx" 双引号，但是要如何才能在保存的时候就自动设置成双引号呢？很多小伙伴在开发web前端的时候都会用到vscode。5.重启完就到某一个页面文件ctrl+s保存试试即可。2.点击右上角那个像A4纸张一样的图标。3.在配置参数json当中加入一行代码。4.重启vscode，（关闭再打开）

vscode自动保存逗号问题

weixin_72647214的博客

05-16

531

关于自动添加逗号问题

Vue VSCode代码使用单引号，结尾不使用分号，保存后还是会被格式化的问题

波客

02-23

944

1、修改ESLint规则 rules: { 'quotes': [2, 'single', { 'avoidEscape': false, 'allowTemplateLiterals': true }], 'semi': [2, 'never'], 'semi-spacing': [2, { 'before': false, 'after': true }], } 2、修改VSCode中的配置在首选项中搜索

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

6038

前言转载：https://blog.csdn.net/qq_15764487/article/details/80642412 操作步骤左上角文件=>首选项=>设置

vscode 保存去掉自动加分号、逗号、双引号

qq_29965101的博客

04-19

6971

原由问题：以前是工具保存后报错，因为自动添加自动加分号、逗号、双引号等解决方法：直接改esluntrc.js 规则后面发现很多仓库都是那种格式，不想改了保持和别人一样的格式更改 settings.json 文件快捷键“Ctrl + Shift + P”打开命令面板 { “editor.formatOnType”: true, “editor.formatOnSave”: false, “http.proxyAuthorization”: null, “prettier.useEditor

vscode格式化文件时 vue文件报错

fengzx9608的博客

07-21

641

遇到的问题及解决

解决`VScode在不自动保存情况下，手动保存，加分号`的问题

zhongqingtian的博客

07-02

744

解决`VScode在不自动保存情况下，手动保存，加分号`的问题

vscode 双引号

07-28

- *1* [解决VSCode格式化，单引号变双引号，自动加分号](https://blog.csdn.net/lucky2_/article/details/115912431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...