vsCode 前端插件推薦-和插件配置

參考自網站：https://segmentfault.com/a/1190000011779959

 

插件安裝完成之后，還要對一些插件進行配置，例如：

vetur默認配置，

配置的過程：

打開 文件 > 首選項 > 用戶設置(U) > 點擊右上角---打開設置(json)

  // 執行文字相關的導航或操作時將用作文字分隔符的字符  去掉 - 功能：雙擊css樣式選中整個連字符
  "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
  //vetur的配置
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue-html": "html",
    "vue": "html"
  },
  // 使用插件格式化 html
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  
  // 打開文件自動檢測縮進
  "editor.detectIndentation": false,
  // tab縮進2個字符
  "editor.tabSize": 2,

 

參考內容：https://www.cnblogs.com/zhaoshujie/p/9834654.html

　　　　　https://www.cnblogs.com/liuxianan/p/vscode-plugin-overview.html

　　　　　https://blog.csdn.net/a578024797/article/details/80935799