Vue 元件安裝完成後的配置，具體內容如下所示：

VSCode外掛安裝完成後，有些外掛如果你想要完整的使用其中的功能得在settings.json中就行配置，接下來是我常用的一些配置

{
  "workbench.iconTheme": "vscode-icons","window.zoomLevel": 0,"files.autoSave": "afterDelay","eslint.runtime": "","editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },"eslint.codeAction.disableRuleComment": {},"eslint.codeAction.showDocumentation": {},"editor.formatOnSave": true,"vetur.completion.scaffoldSnippetSources": {},"vetur.format.defaultFormatter.html": "prettier",// 是否允許自定義的snippet片段提示
  "editor.snippetSuggestions": "top","editor.fontSize": 14,"editor.fontWeight": "400","editor.formatOnType": true,"guides.enabled": false,"editor.tabSize": 2,"git.confirmSync": false,"editor.renderWhitespace": "boundary","editor.cursorBlinking": "smooth","editor.minimap.enabled": true,"editor.minimap.renderCharacters": false,"window.title": "${dirty}${activeEditorMedium}${separator}${rootName}","editor.codeLens": true,// 配置檔案關聯，以便啟用對應的提示
  "files.associations": {
    "*.vue": "vue","*.wxss": "css","*.cjson": "jsonc","*.wxs": "javascript"
  },// 配置emmet是否啟用tab展開縮寫
  "emmet.triggerExpansionOnTab": true,// 配置emmet對檔案型別的支援
  "emmet.syntaxProfiles": {
    "javascript": "jsx","vue": "html","vue-html": "html"
  },// 是否開啟eslint檢測
  "eslint.enable": true,// eslint配置檔案
  "eslint.options": {
    "extensions": [
      ".js",".vue"
    ]
  },"git.autofetch": true,"workbench.colorTheme": "One Dark Pro","emmet.includeLanguages": {
    "wxml": "html"
  },"minapp-vscode.disableAutoConfig": true,}

這個配置能夠直接讓你ctrl+/註釋程式碼，不管是vue的還是html的；也能ctrl+s時使用eslint格式化程式碼；輸入for,forEach,map等的自動完成程式碼等一系列的快捷操作

總結

到此這篇關於VSCode外掛安裝完成後的配置(常用配置)的文章就介紹到這了,更多相關VSCode外掛安裝內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！