探索vue2框架的世界：VSCode的Vue插件Vetur设置

原创已于 2023-12-29 14:04:42 修改 · 776 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #vscode #javascript

于 2023-04-07 15:56:03 首次发布

Vue 专栏收录该内容

16 篇文章

订阅专栏

在使用VSCode的Vetur插件开发Vue项目时，遇到代码格式化问题，如缩进变为2个空格，js代码末尾自动添加分号，以及字符串引号由单引号转为双引号。为解决这些问题，已在设置中调整了相关选项，包括将tabSize设为4，禁用分号，以及切换为使用单引号。

使用VSCode编写vue项目时安装了Vetur插件，但是每次alt+shift+f格式化代码的时候就有点让人头疼，

缩进自动变成了2个空格(习惯了用4个空格缩进，不同层级的代码看着明显一点)，js代码末尾自动加了分号，js的一些字符串值原本的单引号变成了双引号
在这里插入图片描述

设置

{
   "vetur.format.options.tabSize": 4,
   "vetur.format.options.useTabs": true,
   "vetur.format.defaultFormatterOptions": {
       "prettier": {
           "semi": false,    //不加分号
           "singleQuote": true  //用单引号
       }
   }
}