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
 }