This extension pack packages some of my regular and favorite extensions.
以下為此擴充套件包相依的擴充套件
- 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
- Visual Studio Marketplace
- 開發 Angular 必備 VSCode 擴充套件
- 製作 Visual Studio Code 擴充套件包
- 發行擴充套件至 Extension Marketplace
Enjoy!