Visual Studio Code 擴展工具集，記錄

編碼 提高效率及校驗

• Auto Close Tag　　自動閉合標簽
• Auto Rename Tag　　自動更改HTML/XML標簽，不需要再進行二次修改，減少50%的工作量！
• Path Intellisense 　　文件路徑自動補全
• Bracket Pair Colorizer　　 對括號對進行着色，再也不會搞不清狀況了。
• vscode-fileheader    ctrl+alt+i在文件開頭自動輸入作者信息和修改信息等內容
• vscode-fileheader: 添加頭header comment，厲害的
• TSLint       校驗ts語法
• Document This    目前vscode上最好的ts注釋插件
• TypeScript         typescript必備插件
• Class autocomplete for HTML      自動補全 css 中類名

調試

• Debugger for Chrome　　

git備份、團隊合作

• Git History　可以查看Git log, file, 和line 歷史記錄。
• git blame

軟件使用體驗

• VSCode Great Icons     Icons主題，對展開的文件有變色處理，很容易分辨，Windows上設置方法：（文件——首選項——文件圖標主題—— ）
• vscode-icons       文件前面顯示文件類別小圖標，需配置
• monokia dimmed    軟件皮膚主題
• Setting Sync:         同步你在不同地方編輯器上的設置和插件，網絡教程
• background      編輯器設置背景　　

小工具

• LICEcap　　錄屏小工具
  
  

html預覽

• View In Browser　    按住 ctrl + F1預覽本地 html 文件
  
  

本地服務器

• with live server     ctrl+alt+o 開啟本地服務器，使用  http://127.0.0.1:5500/seckill.html 地址訪問頁面

暫未使用

• output colorizer　　輸出着色

 

---

 

VSCODE 全局搜索無效的問題

1. 打開設置
2. 把如下代碼復制粘貼進入
3. 重啟vscode后生效

"search.exclude": {
   "system/": true,
   "!/system/**/*.ps*": true
 }