Visual Studio Code TypeScript Compiler
Compile typescript in visual studio code without need of installing Node.js
Table Of Contents
Features
- Single Compilation: compile any typescript file without need of being in a typescript project:
- see in vscode output
- compile it next to current typescript file
- compile it anywhere you want
- Live View: see the compiled javascript next to typescript as you edit
- Compile Project*: compile a typescript project
- Watch Project*: use typescript
watch feature to compile your project
How To
Single Compilation-Live View:
- open any
.ts file
- click the
 icon at top right of editor
- choose the compilation mode
Compile Project:
- open a vscode workspace(folder)
- add a
tsconfig.json file at the root of your typescript files
- a status bar item appears (Compile Project)
- click on that and your project will be compiled
Watch Project:
- follow steps 1 and 2 of previous section
- right click on
tsconfig.json file
- click Watch Project and your project will be watched
- open commands by pressing F1
- destroy watch: destroys an active watch
- show active watches: shows the current active watches
Configurations
- Single Compilation Configurations
vscode-tsc.singleCompilationCompilerOptions.modulevscode-tsc.singleCompilationCompilerOptions.targetvscode-tsc.singleCompilationCompilerOptions.strictvscode-tsc.singleCompilationCompilerOptions.removeComments
Extension API
This extension provides some commands that can be used by other extensions
Current Commands:
vscode-tsc.api.transpileModule
- parameters
string source: typescript codets.TranspileOptions options: options for compilation
- returns:
string: compiled javascript
Notice
- for now only
CompilerOptions in tsconfig.json is supported and other configurations will be ignored
Known Issues
*: needs tsconfig.json file to be in the root of typescript project
| |
