1. Auto Import —— 自動imports模塊,適用Typescript 和 TSX
2. Comment TS —— 寫函數(shù)注釋
3. Document This —— 寫函數(shù)注釋
4. json2ts ——— json文件自動轉(zhuǎn)為TS的Interface
5. Move TS ——— 移動TS文件,自動修改其他引用文件的路徑
6. TypeScript Extension Pack ———— 整合包，包含了上面的很多插件
????Extensions included
TSLint - linter for the TypeScript language, help fixing error in TS code. Must have when working with TS.
TypeScript Hero - Favorite feature: sorts and organizes your imports according to convention and removes imports that are unused (
Ctrl+Alt+oon Win/Linux orCtrl+Opt+oon MacOS).json2ts - Convert a JSON from clipboard to TypeScript interfaces. (Ctrl+Alt+V).
Move TS - this is a great extension to help you refactor and re-organize some files in the project. It automatically fixes the imports on the file that is being moved and also files that are importing the component you are moving. To use it: right-click on a file or folder in the Project Explorer pane and select 'Move TypeScript'.
Path Intellisense - VSCode has a very good auto import capability, but sometime you still need to import some files manually, and this extension helps a lot in these cases.
TypeScript Importer - Automatically searches for TypeScript definitions in workspace files and provides all known symbols as completion item to allow code completion.
-
Prettier - JavaScript formatter - format your Javascript / Typescript / CSS - I recommend adding the following config in you users setting for VsCode:
- Settings:
"prettier.singleQuote": true
- Settings:
Debugger for Chrome - Must have extension for TS development. You can debug using chrome and add your breakpoints in VSCode.
