vue中格式化使用单引号，去掉分号

最新推荐文章于 2024-06-25 10:01:43 发布
最新推荐文章于 2024-06-25 10:01:43 发布
阅读量1.2k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/asdfwxy/article/details/116504652
版权
本文指导如何在项目根目录添加.prettierrc文件以统一代码风格，以及如何在.eslintrc中调整配置。通过实例展示了如何使用单引号而非分号，以提高代码可读性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目根目录添加.prettierrc文件

｛
	“semi”: false,  //不使用分号
	“singleQuote”: true  //使用单引号
｝

或者直接在.eslintrc.js代码检测配置
具体参考：添加链接描述

vscode中js文件和vue文件格式化分号和双引号的问题
liuyuemozhu的博客
02-14 3860
vs code编辑器运行vue项目时，.vue 文件和 .js 文件的规范是：不建议行尾有分号，字符串使用单引号不建议使用双引号的，如果项目中有 eslint 的话，那么就会经常报错。 我的习惯是喜欢打开 format on save （保存及格式化代码）选项，安装了prettier 插件，也在 settings.json 设置了如下： // vue文件默认格式化工具：vetur ...
VSCode中编写Vue项目使用Eslint+Prettier格式化，会自动加上分号 空格 单引号变双引号问题
Tiziano_的博客
02-29 5810
近期在使用Vue写项目使用Prettier格式文档时发现格式过后会自动加上分号 空格 单引号变双引号问题，这样一保存ESlint就会出现报错！ 网上找了好多教程各种改配置并不能解决问题！！！ 一.在VSCode设置中搜索prettier更改其中的Semi 和Single Quote之后也不能生效。如下图： 二.搜网上的更改setting.json配置还是不能解决问题 ![在这里插入图片描述](h...
vscode-eslint基本配置
qq_28501497的博客
08-28 287
vscode-eslint 今天把vscode重装了，重新配置了一下eslint,网上收了一个规则 还不错 分享一下 步骤 安装 elslint 然后首选项---->设置---->搜索eslint ------>找到setting文件直接粘进去就行了 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndent...
vue代码格式化，vetur的代码格式化设置,保存时（ctrl+s）格式化代码，不加；和将 ‘ (单引号) ,改为 “ (双引号)
2302_77492264的博客
06-24 2369
在Vue开发中，代码格式化是提高代码可读性和可维护性的重要环节。使用合适的代码格式化工具，可以确保团队中的每位成员都遵循统一的代码风格，减少不必要的风格冲突。其中，Vetur是一个为Vue提供丰富开发体验的VSCode插件，它内置了代码格式化功能，使得Vue代码的格式化变得简单易行。
VUE --- 格式化：每行代码末尾不加分号，双引号转为单引号
yuanchenglong的博客
05-10 2437
/** 小编做的vue前端项目里，每个vue文件代码末尾都没有分号，但是有的项目是有的，这个只需要设置一下 prettier 就行了。 */ 在项目根目录下面添加 .prettierrc (名字不要写错了！！！) 内容是 : { "semi": false, "singleQuote": true } ...
idea代码格式化（不去掉换行设置）
qq_18668797的博客
08-09 2182
连续两次格式化代码时删除自定义换行。
解决vscode进行vue格式化,会自动补分号和双引号的问题
01-18
安装完 vetur 后确实是可以对 vue文件进行高亮显示了，但是当你按下 shift+alt+f 进行格式化时，发现本来没有错误的代码却变成了一堆错误，莫名加上了分号，单引号也成功变成双引号了。在vue的严格检查中这些是最烦...
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
Prettier的配置则一般是在`.prettierrc.js`文件中完成，其中包括了对代码格式的具体要求，例如使用单引号以及不加分号等。 此外，为了使VS Code在保存文件时自动格式化代码，需要修改VS Code的用户设置。在VS Code...
vue+ESLint 配置保存 自动格式化代码
10-15
在Vue.js项目中结合ESLint进行代码规范校验和格式化，可以大大提升项目的可维护性和代码质量。 在ESLint的配置文件.eslintrc.js中，我们首先需要添加prettier插件的规则，它可以帮助我们校验代码风格。在.eslintrc....
idea 取消自动格式化、自动去除多余空格
最新发布
JChalice的博客
06-25 3036
idea 取消自动格式化、自动去除多余空格；提交文件的时候总是冒出大堆修改过的文件，但都只是些空格、空行的变化。
去掉vue里的分号
Marshall001的博客
10-26 7038
按照 Javascript书写规范 的要求，分号被禁用。 为什么js里不要写分号呢？ 且看 seven-things-you-should-stop-doing-with-node-js 第五点 Stop using semicolons对于已经写了分号的文件， Javascript书写规范 提供一个简单的指令 standard --fix 将你的js文件规范化。当然，你需要先安装 npm in
去掉intellij Idea js代码结尾分号的高亮警告
kongzhonghu的专栏
07-28 708
intellijIdeajavascript代码结尾分号的高亮警告提示非常烦人，影响代码的阅读，去掉分号检查的地方又比较难找，每次都是从头开始捋哪里设置来着，跟失忆了一样，烦躁，本着每天都能帮助自己帮助别人的原则，我赶紧把这个位置记下来，给后来人节省几根头发。话题就写到这里了，我估计我不写，这文章也传播不出去，现在这个文章优质不优质还要看你写没写东西，我也是服了，有时候直接上代码上图的不是更能直达问题的核心。这又不是写小说非要有个剧情，我这就是个一问一答好吧。...
【vue代码格式化】idea中开启ESLint格式化代码(目前发现默认也挺好)
focus-unchanged-thing
10-08 5177
这样子，保存.vue文件时，代码就自动格式化了，再也不用考虑对齐问题了。
使用IDEA工具配置和运行vue项目（详细其中的坑）
weixin_33953384的博客
09-13 9594
刚来公司实习发现公司的前端使用的是vue，之前根本就没有听说过。然后一上来就需要看代码，but but 就是没有文档什么的东西， 就需要自己去研读，我就想去运行其中的前端和后端联调起来方便理解，结果在配置和运行中出现了很多挫折，我就想写一下方便 大家不去采坑，直接运行好 一、在IDEA中配置vue插件 点击File-->Settings-->Plugins-->搜索vue...
IntelliJ IDEA取消自动删除空格
wanghl_的博客
05-14 4051
取到的远端代码中存在一些没有用的空格 idea编辑器，会将这样的无用空格自动去掉，就算比较晚，手动将空格加上，保存关闭，几秒钟后，文件又会显示修改过的状态，还是这个空格被删除了。 记录 如何取消IntelliJ IDEA自动删除空格 在File->Settings->Editor->General中， 勾选Virtual Space下面的 Allow placement of caret after end of line 然后，在切换窗口时，空格将不会被自动删除 点击 apply
Python学习之字符串
fsLees的博客
03-24 245
Python学习之字符串
vs code自动格式化代码
wnk1997的博客
08-01 1145
只需要vetur和eslint俩插件。setting.json里面添加即可。
vscode格式化vue文件单引号和分号的终极解决方案
qq_42852312的博客
01-13 4300
在vscode中格式化时会自动将单引号变为双引号并且添加分号。 首先要确认你使用的是哪种格式化方法，这点很重要！！！！！ 一定要选择Vetur进行格式化，并且在setting.json文件中添加如下代码 //行尾分号取消，使用单引号 "vetur.format.defaultFormatterOptions": { "prettier": { "semi": fals...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值