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

@德玛玩前端

已于 2023-12-29 14:04:42 修改

阅读量710

点赞数 1

分类专栏： Vue 文章标签： vue.js vscode javascript

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

本文链接：https://blog.csdn.net/Code_King006/article/details/130014421

版权

Vue 专栏收录该内容

16 篇文章

订阅专栏

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

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

使用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  //用单引号
       }
   }
}