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

最新推荐文章于 2023-12-25 11:34:34 发布
最新推荐文章于 2023-12-25 11:34:34 发布
阅读量1.3k 收藏 5
点赞数 3
文章标签： vscode vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61135864/article/details/120555124
版权

        想必大家都有ctrl加s的习惯 写vue项目的时候 好像是因为Vetur这个插件 导致我们自动把单引号变成双引号 以及添加分号导致eslint报错

1.我们可以在终端中命令修正：npm run lint

 2.在设置中打开settings.json文件中添加

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

以及

"javascript.format.insertSpaceBeforeFunctionParenthesis": true

 

 3.Tab键缩进 2个空格单位

 "vetur.format.options.tabSize": 2

 

 

Argenta99
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
在使用vscode开发vue项目时，严格检查让人有点烦恼，必然需要一款可以自动格式化的插件进行快速严格检查的格式化。vscode插件会推荐使用 vetur 插件才会进行vue文件的识别与高亮。 安装完 vetur 后确实是可以对 vue文件进行高亮显示了，但是当你按下 shift+alt+f 进行格式化时，发现本来没有错误的代码却变成了一堆错误，莫名加上了分号，单引号也成功变成双引号了。在vue的严格检查中这些是最烦的。 那么需要对vscode的配置文件进行配置才可支持vue正确格式化。 打开 文件 -》首选项 -》往下拉找到 settings.json -》打开 默认的 settings.j
基于win下的MinGW的vs code的c/c++的开发环境的搭建和一些问题的解决方法(菜菜鸟入门推荐）
qq_45688354的博客
08-05 1118
如何配置vs code中基于MinGW的c/c+语言的开发环境，详细的介绍新手如何搭建基于vscode的c语言环境，书写这篇文章时候我也是第一次搭建，最终搭建出来，分享给大家，可以节省很多这方面的信息查找和辩真，主要包括详细的.josn文件的讲解（很详细的注释讲解），自己的见解，懒人直接搬运配置文件的代码，配置过程中遇到的问题以及解决方法。又补充了不借助别的工具插件，只用修改.json文件就可实现的多文件编译的vscode环境。
VScode 自动保存（ctrl+s）后，出现大量波浪线（eslint语法格式原因）
ShawnRogers的博客
09-10 1763
再也不要担心缩进，函数(名)和后面的括号之间没空格啦，代码末尾有分号了， 首先 下载插件Prettier - Code formatter 然后 设置中配置settings.json { "editor.lineNumbers": "on", //开启行数提示 "editor.quickSuggestions": { //开启自动显示建议 "other": true, "comments": true, "strings": true }, "prettier.useTabs": true,...
VScode保存代码时时在语句后自动加分号
javaScriptming的博客
08-29 2370
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 2742
新建一个vue项目并设置了格式化，当我们在初始化结构目录中进行修改并保存时，会出现单引号变成了双引号，导致运行项目报错问题，解决方法如下： 在项目根目录中，新建一个文件，命名为‘ .prettierrc.json’(注意不要丢掉前面的,) 在该文件中，输入如下代码： { 　　　　　　"singleQuote": true, 　　　　　　"semi": false 　　　　　　} 重新进行保存，运行即可。 ...
vscode按下ctrl+S代码被自动格式化两次
weixin_42642483的博客
07-19 2076
Ctrl+S前的代码 图1 Ctrl+S后的代码 图2 Ctrl+S后过程中，会先保存为图1的代码，然后迅速修改为图2的格式保存。出现该问题的原因为editor.codeActionsOnSave设置中保存了两种格式： 在设置中搜索editor.codeActionsOnSave，并点击Edit in setting.json: 将source.organizeImports值设置为false后，保存正常： ...
VSCode - 保存文件自动格式化将单引号 ‘ 变成双引号 “ 的问题
YYDataV的博客
06-11 3744
在 项目根目录下 创建 .prettierrc.json 文件，将以下json内容写入文件并保存，即刻生效。
vscode 配置vue+vetur+eslint+prettier自动格式化功能
10-15
主要介绍了vscode 配置vue+vetur+eslint+prettier自动格式化功能，本文通过实例代码图文的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。 众所周知我们写 html ...
vue 保存自动格式化, html自动缩进 双引号变为单引号 注释加空格 html标签属性设置不换行 亲测有效！
01-08
设置vscode自动格式化 开启语法检查（安装ESLint，检查语法保证代码的规范性） 安装Vetur插件 打开vscode的setting.json文件（文件–>首选项–>输入vetur搜索，往下找到在setting.json文件中编辑） 将如下代码复制到...
Vue-cli Eslint在vscode里代码自动格式化的方法
08-27
本篇文章主要介绍了Vue-cli Eslint在vscode里代码自动格式化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VSCODE|React 点击保存（ctrl+s）格式错乱
rct979858234的博客
11-05 775
禁用JS-CSS-HTML Formatter插件即可！ 参考链接：https://blog.csdn.net/qq_47910594/article/details/107020108
vscode保存时，单引号变双引号，导致代码报错
weixin_60270723的博客
08-19 1737
因为我自己的Vscode是有设置自动将单引号变成双引号的格式化设置的,这个设置在大多数情况下是好用的,但是在严格模式下就会报错,所以需要限制一下这个格式化设置 解决方法如下 首先在根目录下创建.prettierrc.json文件,这边要注意不要把前面的 . 这个小点漏掉了 创建了.prettierrc.json文件后,在文件中加上 { "singleQuote":true, "semi":false "trailingComma":"none" }
vue项目Ctrl+s vscode代码自动格式化
易函123
09-16 2327
前言 多人开发vue项目,代码风格形式不一 vscode保存代码，自动按照eslint规范格式化代码设置（vscode最新版配置） vscode插件 首先vscode需要装一些vscode插件 ESLint、Vetur、Prettier-Code formatter、GitLens-Git supercharged 配置settings.json 打开settings.json，贴上配置，注意自己原有的vscode主题和字体等不要替换掉 打开方式 方式一: 1)文件 ------.>【首选项】--
解决Vscode格式化单引号变成双引号问题
a666666000的博客
02-11 7943
简洁明了解决Vscode格式化单引号变成双引号问题
手摸手学前端：解决vscode格式化vue代码单引号变双引号或者自动加分号的问题
The man was lazy and left no message
03-27 2579
前言 在使用vscode格式化vue代码时，出现单引号变成了双引号问题，还自动加分号（导致和EsLint要求不一致），来看看怎么解决它！ 一、第一种方式，安装了vetur插件 打开vscode的设置，搜索vetur，选择在setting.json中编辑。 添加以下代码： "vetur.format.defaultFormatterOptions": { "prettier": { ...
解决VsCode格式化文档把单引号变成双引号的问题
最新发布
qq_58657388的博客
12-25 875
解决VsCode格式化文档把单引号变成双引号的问题
vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程
weixin_44383533的博客
05-25 3943
这个时候我们就可以 格式化的时候直接将双引号变成单引号了。找到formatter js 选择prettier。找到设置settings.json的地方。根据需要设置 再点击使用..格式化文档。第一步设置 vetur。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Argenta99

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值