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

最新推荐文章于 2024-07-08 15:17:14 发布
最新推荐文章于 2024-07-08 15:17:14 发布
阅读量1.8k 收藏 1
点赞数 1
分类专栏： vscode 文章标签： vscode vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45811256/article/details/109248770
版权
本文介绍了如何在Windows 10系统下，通过CMD命令行在Vue项目根目录创建.prettierrc.json配置文件。步骤包括打开CMD，定位到项目根目录，并使用echo命令创建文件。文件内容包含`singleQuote`和`semi`两个配置项，用于设定代码格式规范。
摘要由CSDN通过智能技术生成

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

文件中写：

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

在这里插入图片描述

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

具体步骤：

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

铁锤妹妹@
关注
专栏目录
VSCode中编写Vue项目使用Eslint+Prettier格式化，会自动加上分号 空格 单引号变双引号问题
Tiziano_的博客
02-29 5554
近期在使用Vue写项目使用Prettier格式文档时发现格式过后会自动加上分号 空格 单引号变双引号问题，这样一保存ESlint就会出现报错！ 网上找了好多教程各种改配置并不能解决问题！！！ 一.在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后也不能生效。如下图： 二.搜网上的更改setting.json配置还是不能解决问题 ![在这里插入图片描述](h...
vscode中js文件和vue文件格式化分号和双引号的问题
liuyuemozhu的博客
02-14 3671
vs code编辑器运行vue项目时，.vue 文件和 .js 文件的规范是：不建议行尾有分号，字符串使用单引号不建议使用双引号的，如果项目中有 eslint 的话，那么就会经常报错。 我的习惯是喜欢打开 format on save （保存及格式化代码）选项，安装了prettier 插件，也在 settings.json 设置了如下： // vue文件默认格式化工具：vetur ...
使用vscode进行vue格式化，会自动补分号和双引号的问题
weixin_44090040的博客
07-25 492
{ "fileheader.configObj": { }, // 文件头部注释 "fileheader.customMade": { "Descripttion": "", "version": "", "Author": "zhangfan", "email": "2207044692@qq.com", "Date": "Do not edit", "LastEditors":
VSCode使用EmmyLua插件调试
最新发布
这是一个博客简介
07-08 1799
vscode使用emmylua调试项目
vscode vue 格式化 双引号格式化为单引号 去掉末尾逗号 去掉分号
weixin_38779534的博客
12-05 5454
项目开了eslint校验，一打开好家伙，哗哗哗爆红，把我吓出心脏病。。。 看着好像一堆问题，其实就三个，一个是字符串没有使用单引号，一个是语句末尾不需要加分号，一个是对象末项不需要加逗号 嘿嘿嘿，整个世界都清净了，舒服~ 就是在项目根目录加一个.prettierrc.json的配置文件，写上相应的配置就可以了，与上面三个错误一一对应，设置单引号，无需分号，末项无需逗号，然后在需要格式化的地方使用 Shift + Alt + F 一键格式化就可以了~ { "singleQuote": true,
VSCode开发Vue，无法保存单引号的问题
qq_37714872的博客
09-10 385
一、找到VScode设置 在文件–首选项----设置----然在搜索框中输入vetur.format.defaultFormatterOptions vetur.format.defaultFormatterOptions 如下图所示： 二、修改配置文件 在里面添加如下内容： "vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true
java 前端页面传过来的值怎么防止篡改_西安腾讯云前端面试经
weixin_39608526的博客
11-04 312
本人已入职，需要的内推的可以私聊我呦！一面:1，平时工作中有遇到过跨域问题吗？怎么解决的？答:遇到过，一般情况都是ajax请求的跨域问题，常用的解决方式有两种，一种是jsonp，就是通过创建script标签请求一个http接口，但是这种方式必须是get请求且后端必须与前端商量好一个调用方式，第二种是w3c推荐的方式:cors，这种一般是后台通过设置access-control-allow-orig...
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
安装完 vetur 后确实是可以对 vue文件进行高亮显示了，但是当你按下 shift+alt+f 进行格式化时，发现本来没有错误的代码却变成了一堆错误，莫名加上了分号，单引号也成功变成双引号了。在vue的严格检查中这些是最烦...
解决 vscode 格式化代码 去掉代码结尾的分号 与 使用单引号替代双引号 失效的问题
weixin_46421824的博客
09-30 7478
解决 vscode 格式化代码 去掉代码结尾的分号 与 使用单引号替代双引号 失效的问题 在某些项目里 prettier 单引号格式化 会失效 “prettier.semi”: true, //去掉代码结尾的分号 “prettier.singleQuote”: true, //使用带引号替代双引号 以上配置没有效果 prettier3.7以上会优先读取项目根目录下的editorconfig or prettier config，如果有，就不会使用vscode setting中的设置，所以最好每个项目都配置一
vscode格式化vue文件单引号和分号的终极解决方案
qq_42852312的博客
01-13 4159
在vscode中格式化时会自动将单引号变为双引号并且添加分号。 首先要确认你使用的是哪种格式化方法，这点很重要！！！！！ 一定要选择Vetur进行格式化，并且在setting.json文件中添加如下代码 //行尾分号取消，使用单引号 "vetur.format.defaultFormatterOptions": { "prettier": { "semi": fals...
vue单引号双引号踩的坑
axuchang的博客
07-21 5631
最近写项目，循环展示本地图片，本来运行的好好的，格式化一下图片就不展示了。找了半天终于找到问题了。因为我是动态绑定了img的src，引号嵌套要单引号套双引号（我也不知道为啥是这样，网上和自己以往的经验都是应该双引号套单引号？） 我之前就是用的单引号套的双引号才成功的，但是格式化之后它自动给我改成双引号套单引号了，所以会出现图片显示不出来的问题。 正确代码： <template> <div class="homectrlitem"> <div v-for="i
【Lua小知识】Vscode中Emmylua插件大量报错的解决方法
Backyard Garden Of Games
06-28 1604
问题虽然并不复杂，但总觉得这个这个插件做的并不太好，还有可以改进的空间。如果各位同学有其他什么好用的插件可以推荐交流一下。
EmmyLua Unity断点调试
yiluxiangbei000的博客
09-14 846
1.Vscode安装EmmyLua插件 2.配置launch.json launch.json配置内容： { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "e
EmmyLua 远程调试 Lua 代码
范安崇的博客
03-28 573
项目中用到 LuaJIT ，正常思路静态链接了 LuaJIT 库。这导致了 EmmyLua 不能用。可以设置 export LD_LIBRARY_PATH=/your_so_path。EmmyLua 可以调试 C++ Lua 混合编程的项目。先启动项目要调试的服务；程序动态链接，需要寻找 so。
VSCode 用 Emmylua 同时调试 Unity + Lua
qq_33721227的博客
08-16 522
VSCode 用 Emmylua 同时调试 Unity + Lua
Vue组件间传值的几种方式
qq_43569680的博客
06-04 334
Vue组件间传值的几种方式 注意：在vue里面的一些固定参数使用的时候都需要加上一个$符号 父子组件之间传值方式一：props / $emit 1.props里接收父组件传递过来的数据，在父组件中使用v-bind绑定属性 例如： //加上单引号表示字符串 v-bind:msg="'from parent'" //没有v-bind就表示只是字符串 msg = 'from parent' //parent会被默认为变量，如果想把它变成字符串需要加上引号 ：msg = 'parent
vscode格式化Vue出现的问题：单引号变双引号
黄孝果的博客
10-20 3775
问题描述 在使用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
vue中v-bind绑定属性后，双引号和花括号的结合用法
just__code的博客
04-15 3369
vue中v-bind绑定属性后，双引号和花括号的结合用法 v-bind绑定属性后，如果是对象写法，属性名要加单引号，以示和vue实例变量属性的区别，属性值可以是布尔值或者vue实例的变量属性或者计算属性或者js表达式 如果是数组写法，则每个元素可以是单引号字符串的写法，也可以是js表达式，不过不能使用 ‘mardown’ + checked === 0 ? ‘s’ : ‘’ 这种字符串拼接表达式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

铁锤妹妹@

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

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

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

打赏作者

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

抵扣说明：

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

余额充值