推薦常用插件

插件配置文件：找到"文件" -> "首選項(xiàng)" -> "設(shè)置"(或者： File->Preferences->Settings )，點(diǎn)擊右上角，切換到setting.json配置文件

(其他功能自行了解)~~~字段配置鏈接：官網(wǎng)鏈接

// 頭部注釋 --VSCode>setting.文件
"fileheader.customMade": {
    // 頭部注釋默認(rèn)字段
    "Author": "your name",
    "Date": "Do not edit", // 設(shè)置后默認(rèn)設(shè)置文件生成時(shí)間
    "LastEditTime": "Do not edit", // 設(shè)置后，保存文件更改默認(rèn)更新最后編輯時(shí)間
    "LastEditors": "your name", // 設(shè)置后，保存文件更改默認(rèn)更新最后編輯人
    "Description": "",
    "FilePath": "Do not edit", // 設(shè)置后，默認(rèn)生成文件相對于項(xiàng)目的路徑
    "custom_string_obkoro1": "可以輸入預(yù)定的版權(quán)聲明、個(gè)性簽名、空行等"
},
// 函數(shù)注釋
"fileheader.cursorMode": {
  // 默認(rèn)字段
  "description":"",
  "param":"",
  "return":""
},

3.【前端】質(zhì)量提示&錯(cuò)誤，vscode代碼自動(dòng)格式化成eslint風(fēng)格的代碼，并且支持在html和vue中的代碼

特性：Vetur只支持整個(gè)文檔格式化, 不支持選中某個(gè)片段格式化。
vetur官網(wǎng)鏈接,默認(rèn)配置如下圖（可以自定義）：

• prettier: For css/scss/less/js/ts.
• prettyhtml: For html.
• stylus-supremacy: For stylus.
• vscode-typescript: For js/ts. The same js/ts formatter for VS Code.
• sass-formatter: For the .sass section of the files.

  // VSCode>setting.文件 自定義格式化風(fēng)格（可以根據(jù)個(gè)人習(xí)慣更改）
 // vscode默認(rèn)啟用了根據(jù)文件類型自動(dòng)設(shè)置tabsize的選項(xiàng)
    "editor.detectIndentation": false,
    // 重新設(shè)定tabsize
    "editor.tabSize": 2,
    // #每次保存的時(shí)候自動(dòng)格式化
    "editor.formatOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
    // #每次保存的時(shí)候?qū)⒋a按eslint格式進(jìn)行修復(fù)
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    //  #讓prettier使用eslint的代碼格式進(jìn)行校驗(yàn)
    "prettier.eslintIntegration": true,
    //  #去掉代碼結(jié)尾的分號(hào)
    "prettier.semi": false,
    //  #使用帶引號(hào)替代雙引號(hào)
    "prettier.singleQuote": true,
    //  #讓函數(shù)(名)和后面的括號(hào)之間加個(gè)空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // #讓vue中的js按編輯器自帶的ts格式進(jìn)行格式化
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
            // #vue組件中html代碼格式化樣式
        }
    },
  // #讓vue中的js按編輯器自帶的ts格式進(jìn)行格式化
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
            // #vue組件中html代碼格式化樣式
        }
    },
  // 工作區(qū)位置
  "workbench.sideBar.location": "left",
  // 工作區(qū)縮放級(jí)別
  "window.zoomLevel": 0,
"[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  }

vscode 中 prettier 和 ESLint 沖突（待續(xù)~~~~）

常用快捷鍵

1. 新建文件：ctrl+n
2. 打開新的窗口：ctrl+shift+n
3. 分屏：
   快捷鍵: ctrl+2/3
   分屏圖標(biāo)：

4.切換文件：alt+1/2/3或ctrl+tab
5.關(guān)閉當(dāng)前窗口：ctrl+w
6.關(guān)閉所有已保存窗口：ctrl+k+w
7.顯示/隱藏左側(cè)邊欄：ctrl+b