vscode（二）好用的Settings文件

Ctrl + , 进入Settings界面，点击右上角：

替换为如下内容：

{
    // 一个tab等于2个空格
    "editor.tabSize": 2,
    // 任何 vue 后缀的文件会被认为是 vue 文件 ，(查看编辑器右下角) 然后 vscode 会用 vue 规则匹配 vue 文件做相应格式化，代码提示等。
    "files.associations": {
        "*.vue": "vue"
    },
    // eslint规则检查的文件类型
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    // 搜索的时候排除哪些地方
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    // 保存的时候默认按照eslint规则修正
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    // 设置标签自动补全类型
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "vue": "html",
        "vue-html": "html"
    },
    // 设置窗口的标题为绝对路径
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    // 设置主题
    "workbench.colorTheme": "One Dark Pro",
    // 同步 Git 存储库前请先进行确认
    "git.confirmSync": false,
    //调整窗口的缩放级别。原始大小是 0，每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。
    "window.zoomLevel": 0,
    // 控制编辑器在空白字符上显示符号的方式。boundary: 除了单个空格，在空白字符上显示符号
    "editor.renderWhitespace": "boundary",
    // 光标的动画样式。
    "editor.cursorBlinking": "smooth",
    // 是否显示缩略图。
    "editor.minimap.enabled": false,
    // 渲染每行的实际字符，而不是色块。
    "editor.minimap.renderCharacters": false,
    // 控制是否在编辑器中显示 CodeLens
    "editor.codeLens": true,
    // 控制代码片段是否与其他建议一起显示及其排列的位置。top: 在其他建议上方显示代码片段建议。
    "editor.snippetSuggestions": "top",
    // 根据窗口大小自动折叠代码
    "editor.wordWrap": "on",
    // 自动保存，afterDelay-自动保存，off-手动保存
    "files.autoSave": "off",
}

参考地址：https://blog.csdn.net/qq_41636140/article/details/90292181