首页 >> js开发 >> js解决vscode进行vue格式化,会自动补分号和双引号的问题js大全
js解决vscode进行vue格式化,会自动补分号和双引号的问题js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
在使用vscode开发vue项目时,严格检查让人有点烦恼,必然需要一款可以自动格式化的插件进行快速严格检查的格式化。vscode插件会推荐使用 vetur 插件才会进行vue文件的识别与高亮。安装完 vetur 后确实是可以对 vue文件进行高亮显示了,但是当你按下 shift+alt+f 进行格式化时,发现本来没有错误的代码却变成了一堆错误,莫名加上了分号,单引号也成功变成双引号了。在vue的严格检查中这些是最烦的。那么需要对vscode的配置文件进行配置才可支持vue正确格式化。打开 文件 -》首选项 -》往下拉找到 settings.json -》打开打开 文件 -》首选项 -》往下拉找到 settings.json -》打开默认的 settings.json 配置项可能不一样,现在只需要往json中写入以下配置就可格式化vue啦。
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
}
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
}可能会出现 分号和双引号确实不会再自动添加了,但是不会在方法括号之间插入空格,可以再加入这条配置即可。
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatter.js": "vscode-typescript"
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,"vetur.format.defaultFormatter.js": "vscode-typescript"最好再配置下vscode支持vue语言
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
{
"language": "vue",
"autoFix": true
}
]
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
{
"language": "vue",
"autoFix": true
}
]补充知识:vscode格式化Vue出现的问题:单引号变双引号补充知识:补充知识:vscode格式化Vue出现的问题:单引号变双引号问题描述问题描述在使用vscode格式化vue代码时,出现单引号变成了双引号问题解决方案解决方案在项目根目录下新建文件:.prettierrc.json内容:
{
"singleQuote":true,
"semi":false
}
{
"singleQuote":true,
"semi":false
}以上这篇解决vscode进行vue格式化,会自动补分号和双引号的问题就是小编分享给大家的全部内容了,希望能给大家一个参考。
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
}
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true
}
}可能会出现 分号和双引号确实不会再自动添加了,但是不会在方法括号之间插入空格,可以再加入这条配置即可。
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatter.js": "vscode-typescript"
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,"vetur.format.defaultFormatter.js": "vscode-typescript"最好再配置下vscode支持vue语言
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
{
"language": "vue",
"autoFix": true
}
]
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
{
"language": "vue",
"autoFix": true
}
]补充知识:vscode格式化Vue出现的问题:单引号变双引号补充知识:补充知识:vscode格式化Vue出现的问题:单引号变双引号问题描述问题描述在使用vscode格式化vue代码时,出现单引号变成了双引号问题解决方案解决方案在项目根目录下新建文件:.prettierrc.json内容:
{
"singleQuote":true,
"semi":false
}
{
"singleQuote":true,
"semi":false
}以上这篇解决vscode进行vue格式化,会自动补分号和双引号的问题就是小编分享给大家的全部内容了,希望能给大家一个参考。
相关文章:
- js如何在Express4.x中愉快地使用async的方法js大全
- jsVue 数据绑定的原理分析js大全
- js解决vue项目中出现Invalid Host header的问题js大全
- jsSpringBoot在yml配置文件中配置druid的操作js大全
- js快速解决vue2+vue-cli3项目ie兼容的问题js大全
- jsantd table按表格里的日期去排序操作js大全
- jsvue 表单输入框不支持focus及blur事件的解决方案js大全
- js小程序自定义圆形进度条js大全
- jsant design pro中可控的筛选和排序实例js大全
- jsAntd-vue Table组件添加Click事件,实现点击某行数据教程js大全