VSCode中格式化vue文件时，单引号变双引号，自动加分号的解决办法

最新推荐文章于 2024-06-28 14:43:16 发布
最新推荐文章于 2024-06-28 14:43:16 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： vscode 文章标签： vscode vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45811256/article/details/109248770
版权

首先需要在根目录下创建.prettierrc.json文件
在这里插入图片描述

文件中写：

{
  "singleQuote": true,
  "semi": false
}

在这里插入图片描述

这个.prettierrc.json文件我尝试过在vue当前项目的根目录下创建发现创建不了，百度了下可以用cmd命令行创建，我用的是windows系统(win10)。

具体步骤：

打开vue当前项目的根目录 > 在该文件夹路径上输入cmd，用命令行创建 > 输入echo >.prettierrc.json > 回车 >就在该文件夹下创建了".prettierrc.json"的文件
在这里插入图片描述

铁锤妹妹@
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
prettier自动格式化去换行的实现代码
10-14
这些设置确保了在保存文件时，VSCode会调用Prettier进行代码格式化，并遵循我们在`.prettierrc`中定义的规则。`eslintIntegration`选项使得Prettier能够与ESLint集成，确保代码既符合Prettier的格式规范，也遵循...
实例详解Vue项目使用eslint + prettier规范代码风格
12-03
2. **引用符号**：选择使用单引号还是双引号。 3. **分号**：决定语句末尾是否使用分号。 4. **拖尾逗号**：自动添加或删除多行列表的拖尾逗号。 5. **对象字面量和数组**：控制大括号之间的空格和多行情况下的括号...
使用vscode进行vue格式化，会自动补分号和双引号的问题
weixin_44090040的博客
07-25 481
{ "fileheader.configObj": { }, // 文件头部注释 "fileheader.customMade": { "Descripttion": "", "version": "", "Author": "zhangfan", "email": "2207044692@qq.com", "Date": "Do not edit", "LastEditors":
vscode vue 格式化 双引号格式化为单引号 去掉末尾逗号 去掉分号
weixin_38779534的博客
12-05 5405
项目开了eslint校验，一打开好家伙，哗哗哗爆红，把我吓出心脏病。。。 看着好像一堆问题，其实就三个，一个是字符串没有使用单引号，一个是语句末尾不需要加分号，一个是对象末项不需要加逗号 嘿嘿嘿，整个世界都清净了，舒服~ 就是在项目根目录加一个.prettierrc.json的配置文件，写上相应的配置就可以了，与上面三个错误一一对应，设置单引号，无需分号，末项无需逗号，然后在需要格式化的地方使用 Shift + Alt + F 一键格式化就可以了~ { "singleQuote": true,
VSCode开发Vue，无法保存单引号的问题
qq_37714872的博客
09-10 363
一、找到VScode设置 在文件–首选项----设置----然在搜索框中输入vetur.format.defaultFormatterOptions vetur.format.defaultFormatterOptions 如下图所示： 二、修改配置文件 在里面添加如下内容： "vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true
vscode格式化vue文件单引号和分号的终极解决方案
qq_42852312的博客
01-13 4044
在vscode中格式化时会自动将单引号变为双引号并且添加分号。 首先要确认你使用的是哪种格式化方法，这点很重要！！！！！ 一定要选择Vetur进行格式化，并且在setting.json文件中添加如下代码 //行尾分号取消，使用单引号 "vetur.format.defaultFormatterOptions": { "prettier": { "semi": fals...
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
在使用vscode开发vue项目时，严格检查让人有点烦恼，必然需要一款可以自动格式化的插件进行快速严格检查的格式化。vscode插件会推荐使用 vetur 插件才会进行vue文件的识别与高亮。 安装完 vetur 后确实是可以对 vue文件进行高亮显示了，但是当你按下 shift+alt+f 进行格式化时，发现本来没有错误的代码却变成了一堆错误，莫名加上了分号，单引号也成功变成双引号了。在vue的严格检查中这些是最烦的。 那么需要对vscode的配置文件进行配置才可支持vue正确格式化。 打开 文件 -》首选项 -》往下拉找到 settings.json -》打开 默认的 settings.j
VScode格式化ESlint方法(最全最好用方法)
12-10
2. Vetur：此插件用于格式化HTML、标准CSS（包含分号和大括号）、标准JS（包含分号和双引号）以及Vue文件。然而，Vetur格式化的JS可能不符合ESlint的规则，可能会添加额外的分号和双引号。 3. Prettier - Code ...
vscode 开发Vue项目的方法步骤
12-09
- `editor.formatOnSave`：设置为`true`，保存文件时自动格式化代码。 - `eslint.autoFixOnSave`：设置为`true`，保存时自动修复ESLint检测到的问题。 - `eslint.validate`：配置ESLint验证的语言，包括JavaScript和...
【Lua小知识】Vscode中Emmylua插件大量报错的解决方法
最新发布
Backyard Garden Of Games
06-28 764
问题虽然并不复杂，但总觉得这个这个插件做的并不太好，还有可以改进的空间。如果各位同学有其他什么好用的插件可以推荐交流一下。
vue 保存自动格式化, html自动缩进 双引号变为单引号 注释加空格 html标签属性设置不换行 亲测有效！
01-08
设置vscode自动格式化 开启语法检查（安装ESLint，检查语法保证代码的规范性） 安装Vetur插件 打开vscode的setting.json文件（文件–>首选项–>输入vetur搜索，往下找到在setting.json文件中编辑） 将如下代码复制到setting.json文件中覆盖 // setting.js { // workbench.iconTheme: vscode-icons, editor.formatOnSave: true, vetur.format.defaultFormatter.html: js-beautify-html,
VSCode 用 Emmylua 同时调试 Unity + Lua
qq_33721227的博客
08-16 462
VSCode 用 Emmylua 同时调试 Unity + Lua
解决Vscode格式化单引号变成双引号问题
a666666000的博客
02-11 8117
简洁明了解决Vscode格式化单引号变成双引号问题
vscode解决方案 格式化文档常见问题（缩进，自动添加逗号、分号，单引号变为双引号）
HMS Howe的学习笔记
04-28 5239
vscode解决方案 格式化文档中因Vetur而来的常见问题 （缩进、自动添加逗号、分号，单引号变为双引号等）
vscode格式化Vue出现的问题：单引号变双引号
黄孝果的博客
10-20 3764
问题描述 在使用vscode格式化vue代码时，出现单引号变成了双引号问题 解决方案 在项目根目录下新建文件：.prettierrc.json 内容： { "singleQuote":true, "semi":false }
VSCode格式化，单引号变双引号的解决办法
wengou3033的博客
03-10 2万+
VSCode中使用vetur插件格式化vue文件时，js代码单引号会自动变成双引号 参考 https://blog.csdn.net/qq_32340877/article/details/79474034
VScode解决格式化后单引号变双引号
杨葱儿
06-26 1万+
不仅能解决单双引号的自动更换，还能去掉不需要的分号 ==》 在根目录下面创建一个文件.prettierrc.json 代码内容如下： { "singleQuote": true, "semi": false } ...
vscode中 解决格式化后将单引号变双引号
热门推荐
前端小愤青
11-23 4万+
场景:开发时，明明写的是双引号，可格式化后就全部变双引号了... 解决方案:   进入用户设置，在setting.json中添加如下: "prettier.semi": false, "prettier.singleQuote": true 该方案也可以将原本的双引号直接变成单引号...更符合开发规范。   我的代码规范:仅供参考 { "json.format.ena...
VSCode格式化，单引号变双引号，自动加分号的解决办法
06-13 6536
VSCode IDE中 Alt+shift+F自动格式化时单引号变双引号，自动加分号. 把”vetur.format.defaultFormatter.js”: “prettier”,改为 “vetur.format.defaultFormatter.js”: “vscode-typescript”
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

铁锤妹妹@

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

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

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

打赏作者

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

抵扣说明：

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

余额充值