VSCode使用 字体大小 snippet

1.安装

2.如果是vue项目，安装插件 vetur

官方文档：https://vuejs.github.io/vetur/formatting.html#formatters

2.1 格式化代码设置

配置 打开settings.json

加上代码：防止格式化时，单引号被格式化成双引号，句子末尾被加上分号。

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

配置完重启

另外一种方式： 在根目录下新建 .prettierrc文件

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

VSCode的Vue插件Vetur设置 - 简书

格式化代码：alt+shift+f

2.2 字体设置

可以不改基础设置，调整下放大倍数，就所有字体一起放大了

settings里加入  "window.zoomLevel": 1.5, 就行了

左菜单字体设置：

      打开文件：安装目录\VSCode\resources\app\out\vs\workbench\workbench.main.css

      搜索  .monaco-workbench .part>.content

      修改这个class的字体大小，改完保存重启。

终端字体设置：

  可以settings.json 添加 "terminal.integrated.fontSize": 18, 

     或者 入下图 改workspace的  改Features 下的 Terminial 找到font size 修改大小  （这条最好用，直接就能看到效果）

     

2.3 设置主题颜色 File → preferences → color theme 

      Monokai 这个主题挺好用的

      如果这些主题都不喜欢，可以下载个自己喜欢的主题

3. snippet 代码模板

设置方法：File → Preferences → User Snippets 

这里有很多语言模板

html的语言模板，写在html.json里，js可写在javascript里，或者都写在同一个文件里也没啥问题。

换行注意：body中的每一行都要用双引号引起来。

但分类写修改的时候能更清晰在哪个文件里找。

关于占位符Snippets in Visual Studio Code

$0: 光标位置