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

最新推荐文章于 2024-05-16 02:20:07 发布
最新推荐文章于 2024-05-16 02:20:07 发布
阅读量6.2k 收藏 10
点赞数 12
文章标签： vscode ide visual studio code vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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

 

 

 

 

 

wsd00-0731
关注
  • 12
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实例详解Vue项目使用eslint + prettier规范代码风格
12-03
团队开发的项目，如果没有对代码风格作要求，有多少团队成员，就当然会出现多少种不同的代码风格。因此，我们需要一种能够统一团队代码风格的工具，作为强制性的规范，统一整个项目的代码风格。 幸好，我们有 eslint 和 prettier 。 eslint VS prettier 应该大多数项目都已经采用eslint来对代码进行质量检查，可能少部分还会采用其进行一定程度上的统一风格。那为什么还需要prettier呢？我们先来对它们作一个简单的了解。 各种linters 总体来说，linters有两种能力： 检查代码质量 ，比如是否有已定义但未使用的变量，或者使用函数式编程的函数是否产生副作用等。
标准CSV格式的介绍和分析以及解析算法实例详解
09-01
CSV（逗号分隔值）格式是一种常见的数据存储和交换格式，尤其在处理表格数据时极为常见。尽管其历史可以追溯到一个缺乏统一标准的时代，但随着2005年IETF发布的RFC4180规范，CSV格式得到了标准化。这篇文章将深入...
VScode保存代码时时在语句后自动加分号
javaScriptming的博客
08-29 3143
3.搜索vetur.format.defaultFormatterOptions，将"semi"值改为false。3.JavaScript>Format: Semicolon 改完remove（删除不必要的分号）。2.在命令面板中输入 "Preferences: Open User Settings"，然后按。2.在命令面板中输入 "Semicolon"，然后按。（Windows和Linux系统）或。（Windows和Linux系统）或。（MacOS系统）打开命令面板。（MacOS系统）打开命令面板。
VS Code识别编辑规范，ESlint规则，VS Code保存去掉自动加分号、逗号、双引号(1)
最新发布
2401_84617356的博客
05-16 958
如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
我的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 保存去掉自动加分号、逗号、双引号
qq_29965101的博客
04-19 6855
原由 问题：以前是工具保存后报错，因为自动添加自动加分号、逗号、双引号等 解决方法：直接改esluntrc.js 规则 后面发现很多仓库都是那种格式，不想改了保持和别人一样的格式 更改 settings.json 文件 快捷键“Ctrl + Shift + P”打开命令面板 { “editor.formatOnType”: true, “editor.formatOnSave”: false, “http.proxyAuthorization”: null, “prettier.useEditor
vscode保存时，单引号变双引号，导致代码报错
weixin_60270723的博客
08-19 1850
因为我自己的Vscode是有设置自动将单引号变成双引号的格式化设置的,这个设置在大多数情况下是好用的,但是在严格模式下就会报错,所以需要限制一下这个格式化设置 解决方法如下 首先在根目录下创建.prettierrc.json文件,这边要注意不要把前面的 . 这个小点漏掉了 创建了.prettierrc.json文件后,在文件中加上 { "singleQuote":true, "semi":false "trailingComma":"none" }
vscode保存格式化自动去掉分号、逗号、双引号
09-05 3927
之前每次写完代码都是双引号还有分号，看着很难受，就像修改一下，让它变成单引号，并且不加上引号：如下形式，看着简洁清晰明了。快捷键“Ctrl + Shift + P”打开命令面板。修改方式：更改 settings.json 文件。
vscode自动保存逗号问题
weixin_72647214的博客
05-16 481
关于自动添加逗号问题
eslint-rules:我更喜欢的 eslint 规则配置
07-20
此外，也可以集成Prettier这样的代码格式化工具，与ESLint协同工作，实现自动格式化代码，进一步提高开发效率。 总的来说，理解和定制ESLint规则是提升JavaScript代码质量和团队协作效率的重要步骤。通过分享和讨论...
eslint-config-axuebin:ESLint配置演示
04-30
`eslint-config-axuebin` 是一个专门针对 JavaScript 语言的 ESLint 配置包示例，它的目标是提供一套可复用的、定制化的代码风格规范，帮助开发者实现一致的代码风格，提升代码质量。在 JavaScript 开发中，ESLint ...
vscode 自动添加分号, 双引号
qq_38997504的博客
09-29 4493
代码自动加分号；
VSCODE代码格式化问题：双引号、末尾添加分号、逗号
qq_42542301的博客
11-13 5122
VSCODE代码格式化问题：双引号、末尾添加分号、逗号
vscode中CTRL+S自动格式化保存 导致Vue中单引号变双引号加分号
m0_61135864的博客
09-29 1452
想必大家都有ctrl加s的习惯 写vue项目的时候 好像是因为Vetur这个插件 导致我们自动把单引号变成双引号 以及添加分号导致eslint报错 1.我们可以在终端中命令修正：npm run lint 2.在设置中打开settings.json文件中添加 "vetur.format.defaultFormatter.js":"vscode-typescript" 以及 "javascript.format.insertSpaceBeforeFunctionParenthe...
vscode解决方案 格式化文档常见问题（缩进，自动添加逗号、分号，单引号变为双引号）
HMS Howe的学习笔记
04-28 5233
vscode解决方案 格式化文档中因Vetur而来的常见问题 （缩进、自动添加逗号、分号，单引号变为双引号等）
解决VSCode中使用vetur插件格式化vue文件时，代码会自动补填加上冒号和分号，在使用Eslint代码规范的时候编译警告
CSDN for recording problems
07-31 2686
找到插件配置扩展设置 找到 Vetur › Format › Default Formatter: JS 将默认值 prettier 修改为 vscode-typescript 即可
vscode格式化文件时 vue文件报错
fengzx9608的博客
07-21 628
遇到的问题及解决
vsCode vue项目老是报空格或分号警告的解决方法
Summer_JK的博客
04-22 4165
vsCode vue项目老是报空格或分号警告的解决方法 开发VUE项目的时候老是报以下错误，如图： 修改之前的.eslintrc.js文件： module.exports = { root: true, parserOptions: { parser: 'babel-eslint' }, env: { browser: true, }, extends: [ 'plugin:vue/essential', 'standard' ], plu
VSCode自动添加分号并跳到下一行
iesoxj的博客
02-12 5713
添加Macros 插件 添加设置到settings.json Ctrl+, 打开设置 输入： code action on save . 并打开 settings.json 插入下面代码： "macros": { "end_semicolon": // 末尾加分号 换行 [ "cursorEnd", { "command": "type",
vscode 双引号
07-28
引用\[1\]和\[2\]提供了关于VSCode编辑器中的一些设置和配置的信息。根据这些引用内容，可以看出在VSCode中可以通过修改配置文件来改变编辑器的行为。在这些引用中，有一些关于使用单引号和双引号的设置。例如，在引用\[1\]中，可以看到"prettier.singleQuote": true，这表示在使用Prettier格式化代码时，会使用单引号而不是双引号。而在引用\[2\]中，可以看到"vetur.format.defaultFormatterOptions.prettier.singleQuote": true，这表示在使用Vetur插件格式化Vue文件时，也会使用单引号。 所以，如果你想在VSCode中使用单引号而不是双引号，可以按照以下步骤进行设置： 1. 打开VSCode编辑器。 2. 打开设置（快捷键：Ctrl + ,）。 3. 在搜索框中输入"prettier.singleQuote"。 4. 找到相关设置项，并将其设置为true。 5. 保存设置。 这样，当你使用Prettier格式化代码时，将会使用单引号而不是双引号。同样的，如果你在Vue文件中使用Vetur插件进行格式化，也会使用单引号。 #### 引用[.reference_title] - *1* [解决VSCode格式化，单引号变双引号，自动加分号](https://blog.csdn.net/lucky2_/article/details/115912431)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vscode解决方案 格式化文档常见问题（缩进，自动添加逗号、分号，单引号变为双引号）](https://blog.csdn.net/Winchester_Y/article/details/124470219)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [解决Vscode格式化单引号变成双引号问题](https://blog.csdn.net/a666666000/article/details/122811376)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值