VS code 簡單配置

貓董發表於2018-12-18

專案管理外掛

  1. VScode_icons: 語言圖示顯示
  2. Project Manage： 專案管理

自動格式化程式碼

  1. Ctrl K+Ctrl D
  2. beautify;

一鍵安裝不同語言的測試環境

Code Runner： 需安裝 node.js/python/GCC 等相應的執行環境 ##自動檢測程式碼規範 ESLint： 需要進行配置

前端Chrome 聯動除錯

Debugger for Chrome: 配置 launch.js 檔案

  1. launch Chrome
  2. attach to Chrome： 1. 臨時； 2. 永久

提升React 等前端開發效率的外掛

  1. npm
  2. npm intellisense
  3. path intellisense
  4. typescript hero
  5. Intellisense for CSS class name

繼承美化終端

開啟terminal： ctrl+` 配置setting：

 "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe", // 使用git bash  
 "terminal.integrated.confirmOnExit": true,  //退出終端需確認  
 "terminal.integrated.fontFamily": "'Consolas','華文細黑'", // 終端字型  
 "terminal.integrated.cursorStyle": "line" //游標為線而不是方塊```
複製程式碼

相關文章