VsCode常用配置

常用插件

  • Vetur Vue多功能集成插件
  • Remote全家桶 远程连接和远程开发工具
  • open in browser 块石打开浏览器(shirt+alt+B)
  • C# 离不开了
  • HexoWriter hexo博客插件
  • Esay LESS 还是习惯这个
  • Path Intellisense 输入路径时智能提示
  • Auto Close Tag 和 Auto Rename Tag 标签自动闭合和修改
  • Bracket Pair Colorizer 让每个括号都有自己的颜色

配置参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
{
    // 是否显示引用数量
    "editor.codeLens": false,
    // 调整窗口的缩放级别
    "window.zoomLevel": -2,
    // 是否显示行号
    "editor.lineNumbers": "on",
    // 打开文件是否覆盖预览标签
    "workbench.editor.enablePreview": false,
    // 是否关闭rg.exe进程
    "search.followSymlinks": false,
    // 是否开启右侧小地图
    "editor.minimap.enabled": false,
    // vscode默认启用了根据文件类型自动设置tabsize的选项
    "editor.detectIndentation": false,
    // 重新设定tabsize
    "editor.tabSize": 4,
    // vue重新设定tabsize
    "vetur.format.options.tabSize": 4,
    // 每次保存的时候自动格式化 
    "editor.formatOnSave": true,
    "vetur.format.defaultFormatterOptions": {
        "prettier": {
            "semi": false, // 格式化不加分号
        },
        "js-beautify-html": {
            "wrap_attributes": "force-aligned", //属性强制折行对齐
            // - auto: 仅在超出行长度时才对属性进行换行。
            // - force: 对除第一个属性外的其他每个属性进行换行。
            // - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。
            // - force-expand-multiline: 对每个属性进行换行。
            // - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。
        }
    },
    // 让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // 这个按用户自身习惯选择 
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // 让vue中的js按编辑器自带的ts格式进行格式化 
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    // 关联文件打开方式
    "files.associations": {
        // jsonc可以加注释,json加注释会出红线
        "*.json": "jsonc",
    },
}