PoyChang Extension Pack

This extension pack packages some of my regular and favorite extensions.

Dependency Extension

以下為此擴充套件包相依的擴充套件

Angular Language Service
- 使編輯器提供Angular Template IntelliSense
Angular v4 TypeScript Snippets
- John Papa 編寫的 Angular 程式碼片段
Angular 2+ Snippets - TypeScript, Html, ngRx, Angular Flex Layout, Material & Testing
- 非常完整的程式碼片段
angular2-switcher
- 在 Angular 專案中，快速在 HTML 或 Component 中做切換
- 快速鍵 Alt + O
AngularDoc for Visual Studio Code
- Architectural analysis and visualization for Angular projects
Path Intellisense
- 只要是在程式碼中輸入「路徑」或「檔名」時提供建議路徑，並且有路徑檔名的自動完成功能
Quokka.js
- 能夠幫助我們在編輯器中快速建立原型測試，包括了行內錯誤提示、代碼測試與覆蓋率提示、富文本輸出格式化等等
refactorix
- TypeScript refactoring tools for Visual Studio Code
TypeScript Importer
- 在開發 TypeScript 的時候經常會用到 import 語法匯入另一個模組的型別，透過此工具可以將許多型別自動化載入，大幅縮短開發時間
Move TS
- 重構專案時，使用使擴充套件搬動 TypeScript 檔案，會自動幫你把有載入該檔案的程式碼做路徑變更

Auto Rename Tag
- 修改HTML標籤時，自動修改匹配的標籤
Beautify
- 格式化 javascript, JSON, CSS, Sass, 和 HTML 程式碼
Bootstrap 4 & Font awesome snippets
- 提供 Bootstrap 4 和 Font Awesome 程式碼片段
Color Highlight
- 幫你把 HTML Color Codes 標示顏色
Document This
- 快速產生 JSDoc 文件註解
HTML Snippets
- 提供 HTML 程式碼片段
IntelliSense for CSS class names
- 自動從你的 workspace 中取得 CSS 類別，並提供 IntelliSense 功能
JavaScript (ES6) code snippets
- 有些 ES5/ES6 常用的 Code Snippets 還蠻實用的
Latest TypeScript and Javascript Grammar
- This is development branch of VSCode JS/TS colorization. Please file any issues you find against
TypeScript Toolbox
- Optimize / Auto Imports, Generate Getters / Setters and Constructors
TSLint
- 在 VS Code 編輯區內顯示 TSLint 的檢查資訊，提升程式碼品質
VS Color Picker
- 幫助選擇顏色的工具

Clang-Format
- 這個工具能夠自動化格式
Code Spellchecker
- 檢查程式碼中的英文是否有拼寫正確
EditorConfig for VS Code
- 統一程式碼撰寫的排版格式，適合運用在多人開發上，有些人習慣 tab 縮排，有些則習慣 space 縮排，或是斷行類型( CRLF or LF )的設定等等，改善程式碼排版的一致性並有效提升程式碼可讀性
Git Lens
- 可以在編輯器中看到 Git 相關資訊，拿來追 code 很方便
PlantUML
- 可以透過直觀的文字描述，產生對應 UML 模型的工具
vscode-reveal
- 使用 Reveal.js 建立簡報

Bracket Pair Colorizer
- A customizable extension for colorizing matching brackets
One Dark Pro
- Atom 風格的佈景主題
Output Colorizer
- 讓 Output console 有顏色分別顯示
vscode-icons
- 扁平化的檔案 Icons 標誌
VSCode simpler Icons with Angular
- 專門給 Angular 用的 Icons

以下為其他推薦安裝的擴充套件

Markdown All in One
- 用 VS Code 寫 Markdown 文件必樁的工具
Docker
- 提供 Dockerfile 程式碼片段及命令列等工具
ionic 2 Commands with Snippets
- 提供 Ionic 2 程式碼片段及命令列等工具
Settings Sync
- 幫你把設定與擴充套件同步
Version Lens
- 幫你檢查 package.json 中專案相依的版本資訊，可以一目了然的知道各套件是否有新版本釋出
Wallaby.js
- （需付費）單元測試的神器，能在編輯器中顯示單元測試的結果與狀態
- 選單快速鍵 Ctrl + Shift + =
- 啟動快速鍵 Ctrl + Shift + R R

Enjoy!