解决Vscode格式化单引号变成双引号问题

已于 2022-06-22 13:54:25 修改
阅读量8.1k 收藏 13
点赞数 9
文章标签： vscode ide visual studio code
于 2022-02-11 23:00:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a666666000/article/details/122811376
版权

百度了很久,总算找到解决方案,放在自己文章中,方便自己以后查找,也可供大家借鉴

因为我自己的Vscode是有设置自动将单引号变成双引号的格式化设置的,这个设置在大多数情况下是好用的,但是在严格模式下就会报错,所以需要限制一下这个格式化设置

解决方法如下

  1. 首先在根目录下创建.prettierrc.json文件,这边要注意不要把前面的  .  这个小点漏掉了
  2. 创建了.prettierrc.json 文件后,在文件中加上
{ 
 "singleQuote": true,
 "semi": false
 "trailingComma":"none"
} 

这三行代码表示的配置分别是

取消自动加分号

取消单引号变成双引号

对象后面默认添加逗号

阿奇__
关注
  • 9
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode - 格式化配置，单引号变双引号问题
seaalan的博客
08-03 6918
文件 - 首选项 - 设置 - 右上角 打开设置(json)；填充下列内容： { "workbench.iconTheme": "vscode-icons", // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 120, // 保存时格式化 "editor.formatOnSave": true } 有时在上面设置中添加 “prettier.singleQuote”: tr.
prettier自动格式化去换行的实现代码
10-14
`singleQuote`设定为`true`则表示使用单引号而非双引号。`semi`设置为`false`意味着Prettier将不添加语句末尾的分号。 接下来，我们需要配置Visual Studio Code（VSCode）来支持Prettier的自动格式化功能。在VSCode...
VSCode - 保存文件自动格式化将单引号 ‘ 变成双引号 “ 的问题
YYDataV的博客
06-11 3987
在 项目根目录下 创建 .prettierrc.json 文件，将以下json内容写入文件并保存，即刻生效。
手摸手学前端：解决vscode格式化vue代码单引号变双引号或者自动加分号的问题
The man was lazy and left no message
03-27 2670
前言 在使用vscode格式化vue代码时，出现单引号变成了双引号问题，还自动加分号（导致和EsLint要求不一致），来看看怎么解决它！ 一、第一种方式，安装了vetur插件 打开vscode的设置，搜索vetur，选择在setting.json中编辑。 添加以下代码： "vetur.format.defaultFormatterOptions": { "prettier": { ...
VS Code识别编辑规范，ESlint规则，VS Code保存去掉自动加分号、逗号、双引号(1)
最新发布
2401_84617356的博客
05-16 975
如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
解决VsCode格式化文档把单引号变成双引号的问题
qq_58657388的博客
12-25 1433
解决VsCode格式化文档把单引号变成双引号的问题
VScode解决格式化后单引号变双引号
weixin_45977625的博客
09-27 3012
默认情况下，vscode格式化代码后，全部变成双引号了，这就有可能不满足我们的代码规范。所以我们需要操作一波，经过以下操作，不仅能解决单双引号的自动更换，还能去掉不需要的分号 （不过还是建议保留分号） ==》 1、在根目录下面创建一个文件.prettierrc.json 2、代码内容如下： { "singleQuote": true, "semi": false } 原文地址：https://blog.csdn.net/weixin_44285250/article/details/937240
vscode 设置保存格式化，当保存时，单引号变成了双引号，vue项目报错
LHJBK的博客
02-09 2900
新建一个vue项目并设置了格式化，当我们在初始化结构目录中进行修改并保存时，会出现单引号变成了双引号，导致运行项目报错问题，解决方法如下： 在项目根目录中，新建一个文件，命名为‘ .prettierrc.json’(注意不要丢掉前面的,) 在该文件中，输入如下代码： { 　　　　　　"singleQuote": true, 　　　　　　"semi": false 　　　　　　} 重新进行保存，运行即可。 ...
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
安装完 vetur 后确实是可以对 vue文件进行高亮显示了，但是当你按下 shift+alt+f 进行格式化时，发现本来没有错误的代码却变成了一堆错误，莫名加上了分号，单引号也成功变成双引号了。在vue的严格检查中这些是最烦...
vue 保存自动格式化, html自动缩进 双引号变为单引号 注释加空格 html标签属性设置不换行 亲测有效！
01-08
设置vscode自动格式化 开启语法检查（安装ESLint，检查语法保证代码的规范性） 安装Vetur插件 打开vscode的setting.json文件（文件–>首选项–>输入vetur搜索，往下找到在setting.json文件中编辑） 将如下代码复制到...
VScode格式化ESlint方法(最全最好用方法)
12-10
- 设置其他格式化选项，如使用单引号、函数与括号间添加空格等。 - 对Stylus的格式化设置，如不插入冒号、分号和大括号。 通过以上步骤，你可以在VScode中实现对JavaScript、CSS、HTML以及Vue文件的ESlint一致性...
css-minify:vscode扩展以最小化CSS文件
05-14
从#ffffff到#fff 删除单引号和双引号。 用0代替none 。 （仅在字体大小调整，边框和轮廓中） 该扩展名将生成一个具有相同名称加上min.css的新文件，并将其保存在您要缩小的css文件的同一文件夹中。注意如何格式化...
vscode插件Prettier使用 + 实现格式化时（默认双引号变为单引号）
weixin_53630395的博客
08-10 3611
vscode插件Prettier使用 + 实现格式化时（默认双引号变为单引号）
vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程
weixin_44383533的博客
05-25 4651
这个时候我们就可以 格式化的时候直接将双引号变成单引号了。找到formatter js 选择prettier。找到设置settings.json的地方。根据需要设置 再点击使用..格式化文档。第一步设置 vetur。
解决vscode中自动将单引号改为双引号问题
少健终望成，波中取千金----张少波
12-10 3604
解决vscode中代码的单引号变为双引号问题
vscode中 解决格式化后将单引号变双引号
Gblfy_Blog
12-10 1890
场景:开发时，明明写的是双引号，可格式化后就所有变双引号了…javascript 解决方案: 进入用户设置，在setting.json中添加以下: "prettier.semi": true, "prettier.singleQuote": true, // 是否在末尾添加分号 "prettier.semi": true, // 如果为true，将使用单引号而不是双引号 "prettier.singleQuote": true, ...
VSCode 设置代码格式化时的默认引号类型
PeacefulWinter的博客
12-25 5350
本文介绍了如何在 VSCode 中设置代码自动格式化时，手动指定引号的处理方式。通过实际 Vue 项目中遇到的 prettier 语法提示问题切入，给出了两种快速处理方法，并在文末进行了简要分析，避免后来的读者继续踩坑。
解决VSCode格式化，单引号变双引号，自动加分号
lucky2_的博客
04-20 2701
注释这句代码后就不会在保存的时候自动把单引号变成双引号，也不会自动添加分号，在格式化的时候选择默认使用vetur { "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[html]": { "editor.defaultFormatt
解决vscode格式化双引号变为单引号的问题
07-28
对于解决VS Code中格式化双引号为单引号的问题，你可以按照以下步骤进行操作： 1. 打开VS Code，并进入设置界面。你可以通过菜单栏中的 "文件" -> "首选项" -> "设置" 或者使用快捷键 "Ctrl + ，" 打开设置。 2. 在设置界面中，搜索框中输入 "format"，找到 "Editor: Default Formatter" 选项。 3. 点击 "编辑 in settings.json" 按钮，进入用户设置的 JSON 文件。 4. 在 JSON 文件中找到 "editor.defaultFormatter" 字段，并点击右侧的 "编辑" 图标。 5. 在弹出的选择框中，选择 "Prettier - Code formatter" 作为默认的格式化器。如果你没有安装 Prettier 插件，你需要先在扩展市场中搜索并安装它。 6. 保存设置，关闭设置界面。 现在，当你在 VS Code 中使用格式化功能时，双引号应该会被保留，不会被转换为单引号了。请注意，这只会影响到使用了默认格式化器的文件，如果你在项目中使用了其他格式化工具，可能需要针对该工具进行相应的配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值