我的Vscode配置

{
    "git.ignoreMissingGitWarning": true,
    "editor.fontSize": 17,//字体大小
    "editor.wordWrap": "off",//软换行
    "files.autoSave": "off",//自动保存
    // "workbench.colorTheme": "Monokai Dimmed", //设置主题
    "window.zoomLevel": 0, 
    "explorer.confirmDelete": false,
    "workbench.colorCustomizations": {
    "editor.selectionBackground": "#083d5a" //选中代码的颜色
    },
    "editor.mouseWheelZoom": true, //可以按着ctrl 加滚轮 缩放窗口字体大小
    "explorer.openEditors.visible": 1, // 在“打开的编辑器”窗格中显示的编辑器数量。
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
    "workbench.startupEditor": "newUntitledFile",
    "vetur.validation.template": true,
    "editor.tabSize": 2, //缩进
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html": "html",
        "vue": "html",
        "wxml": "html"
    },
    // eslint 配置
    "eslint.enable": false,
    "eslint.autoFixOnSave": false,
    "eslint.run": "onType",
    "eslint.options": {
        "extensions": [".js",".vue"]
    },
    "eslint.validate": [
        "javascriptreact",
        "javascript",
        { "language": "vue","autoFix": true},
        "html", 
        {"language": "html","autoFix": true}
    ],
    "diffEditor.ignoreTrimWhitespace": false,
    "workbench.colorTheme": "Monokai",
    "workbench.iconTheme": "vscode-icons",
    "git.autofetch": true,
    "terminal.integrated.rendererType": "dom",
    "workbench.sideBar.location": "left",
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript"
    },
    "minapp-vscode.disableAutoConfig": true,
    "less.compile": {
        // "compress":  true,  // 是否删除多余空白字符
        // "sourceMap": true,  // 是否创建文件目录树，true的话会自动生成一个 .css.map 文件
        "outExt": ".wxss" // 输出文件的后缀,默认为.css
    },
    "editor.renderWhitespace": "none",
    "editor.renderControlCharacters": false
    }

常用插件:

Live Server------------>点击 Go live  快速起本地服务 ,并且有 代码热更新;

vscode-icons------------>好看的 文件图标

Auto Rename Tag------------>修改html标签，自动帮你完成尾部闭合标签的同步修改，和webstorm一样

Path Intellisense------------>自动路径补全、默认不带这个功能

vue-peek------------>Ctrl+鼠标左键可以找到自定组件

css-peek------------>Ctrl+鼠标左键可以找到类

Open in Browser------------>1.使用快捷键 Alt+B  2.右键在浏览器中查看

easy less ------------>  自动转换less

IntelliJ IDEA Keybindings------------>  使用webstorm 的快捷键

Indent Rainbow------------>   彩虹缩进

Bracket Pair Colorizer------------>  括号配对着色

Gitlens------------>  git 提交人提示