VScode 自用插件

1. Auto Import —— 自动imports模块,适用Typescript 和 TSX

2. Comment TS —— 写函数注释

3. Document This —— 写函数注释

4. json2ts ——— json文件自动转为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+o on Win/Linux or Ctrl+Opt+o on 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

• Debugger for Chrome - Must have extension for TS development. You can debug using chrome and add your breakpoints in VSCode.