解决vscode进行vue格式化,会自动补分号和双引号的问题


Posted in Javascript onOctober 26, 2020

在使用vscode开发vue项目时,严格检查让人有点烦恼,必然需要一款可以自动格式化的插件进行快速严格检查的格式化。vscode插件会推荐使用 vetur 插件才会进行vue文件的识别与高亮。

安装完 vetur 后确实是可以对 vue文件进行高亮显示了,但是当你按下 shift+alt+f 进行格式化时,发现本来没有错误的代码却变成了一堆错误,莫名加上了分号,单引号也成功变成双引号了。在vue的严格检查中这些是最烦的。

那么需要对vscode的配置文件进行配置才可支持vue正确格式化。

打开 文件 -》首选项 -》往下拉找到 settings.json -》打开

默认的 settings.json 配置项可能不一样,现在只需要往json中写入以下配置就可格式化vue啦。

"vetur.format.defaultFormatterOptions": {
 "prettier": {
  "semi": false,
  "singleQuote": true
 }
}

可能会出现 分号和双引号确实不会再自动添加了,但是不会在方法括号之间插入空格,可以再加入这条配置即可。

"javascript.format.insertSpaceBeforeFunctionParenthesis": true,

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

最好再配置下vscode支持vue语言

"eslint.validate": [
 "javascript",
 "javascriptreact",
 "html",
  {
   "language": "vue",
   "autoFix": true
  }
]

补充知识:vscode格式化Vue出现的问题:单引号变双引号

问题描述

在使用vscode格式化vue代码时,出现单引号变成了双引号问题

解决方案

在项目根目录下新建文件:.prettierrc.json

内容:

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

解决vscode进行vue格式化,会自动补分号和双引号的问题

以上这篇解决vscode进行vue格式化,会自动补分号和双引号的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery的控件及事件(输入控件及回车事件)使用示例
Jul 25 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
JavaScript  cookie 跨域访问之广告推广
Apr 20 Javascript
jQuery自定义图片上传插件实例代码
Apr 04 jQuery
详解angularjs中如何实现控制器和指令之间交互
May 31 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
vue自定义一个v-model的实现代码
Jun 21 Javascript
electron制作仿制qq聊天界面的示例代码
Nov 26 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 Javascript
vue递归组件实战之简单树形控件实例代码
Aug 27 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
Jul 24 Javascript
vue实现前端列表多条件筛选
Oct 26 #Javascript
vue实现单一筛选、删除筛选条件
Oct 26 #Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 #Javascript
基于elementUI竖向表格、和并列的案例
Oct 26 #Javascript
原生js实现贪吃蛇游戏
Oct 26 #Javascript
JavaScript实现五子棋小游戏
Oct 26 #Javascript
详解vue3.0 的 Composition API 的一种使用方法
Oct 26 #Javascript
You might like
nginx+thinkphp下解决不支持pathinfo模式
2015/07/01 PHP
php命令行(cli)模式下报require 加载路径错误的解决方法
2015/11/23 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
THINKPHP5.1 Config的配置与获取详解
2020/06/08 PHP
Javascript valueOf 使用方法
2008/12/28 Javascript
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
Angular2 多级注入器详解及实例
2016/10/30 Javascript
详解Nodejs的timers模块
2016/12/22 NodeJs
防止重复发送 Ajax 请求
2017/02/15 Javascript
用angular实现多选按钮的全选与反选实例代码
2017/05/23 Javascript
基于D3.js实现时钟效果
2018/07/17 Javascript
Nodejs中的require函数的具体使用方法
2019/04/02 NodeJs
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
浅谈Vue 函数式组件的使用技巧
2020/06/16 Javascript
用Python逐行分析文件方法
2019/01/28 Python
appium+python adb常用命令分享
2020/03/06 Python
Oroton中国官网:澳洲知名奢侈配饰品牌
2017/03/26 全球购物
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
函数指针的定义是什么
2016/08/14 面试题
请解释virtual关键字的含义
2015/06/17 面试题
个人实用简单的自我评价
2013/10/19 职场文书
开工典礼策划方案
2014/05/23 职场文书
中考标语大全
2014/06/05 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
事业单位工作人员年度考核个人总结
2015/02/12 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
为什么不建议在go项目中使用init()
2021/04/12 Golang