Mac vscode配置与常用插件安装

一.首先下载mac版本的应用,选择对应系统的应用下载.

1.vscode下载地址https://code.visualstudio.com/Download

二.配置代码格式

效果图

1.找到设置,快捷键(Command+,),打开设置面板,在界面右上角有个带箭头文件,编辑这个文件复制粘贴以下代码

{

    "editor.tabSize": 2,

    "files.associations": {

        "*.vue": "vue"

    },

    "eslint.autoFixOnSave": true,

    "eslint.options": {

        "extensions": [

            ".js",

            ".vue"

        ]

    },

  "eslint.validate": [

      "javascript",{

          "language": "vue",

          "autoFix": true

      },"html",

      "vue"

  ],

    "search.exclude": {

        "**/node_modules": true,

        "**/bower_components": true,

        "**/dist": true

    },

    "emmet.syntaxProfiles": {

        "javascript": "jsx",

        "vue": "html",

        "vue-html": "html"

    },

    "git.confirmSync": false,

    "window.zoomLevel": 0,

    "editor.renderWhitespace": "boundary",

    "editor.cursorBlinking": "smooth",

    "editor.minimap.enabled": true,

    "editor.minimap.renderCharacters": false,

    "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",

    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",

    "editor.codeLens": true,

    "editor.snippetSuggestions": "top",

    "workbench.iconTheme": "vscode-icons",

    "editor.fontSize": 15,

    "guides.enabled": false,

    "workbench.editor.showTabs": true,

    "editor.codeActionsOnSave": {

        "source.fixAll.eslint": true

    },

    "workbench.colorTheme": "Material Theme High Contrast",

    "C_Cpp.updateChannel": "Insiders",

    "http.proxySupport": "off",

  }

2.添加常用的插件