Demo: Sample Visual Studio Code project for TypeScript
NOTE: This generator is designed to work only on Mac OS X or Linux. To work on Windows, a number of issues will need to be addressed, including differences in file paths.
- You should first install the following extensions for Visual Studio Code.
- VS Code JSHint:
- VS Code TSHint:
- Editor Config for VS Code:
- To install an extension, type Cmd+P to diplay the Command Palette, then type ext and press Enter.
- Type the extension keyword shown above and press Enter to install.
editorconfigwill bring up two extensions, so just install Editor Config for VS Code.
- Open a Terminal at the project root and execute the following scripts.
Install npm packages. A node_modules folder will be created with required packages.
npm run init
Compile TypeScript files. A dist folder will be created with files generated by the TypeScript compiler, including source maps and type defs.
npm run compile
- Make sure you can debug TypeScript source files and tests.
- Click the Debug icon in VS Code.
- Select Debug Current TypeScript File dropdown and press F5 to launch the debugger and break on the first line.
- Then select
greeter.spec.tsand set a breakpoint.
- Select Debug Current TypeScript Test dropdown and press F5 to launch the debugger and stop at the breakpoint.
- Launch the build and test tasks from within VS Code.
- Press Cmd+Shift+B to build.
- Press Cmd+Shift+T to run tests and see result in the Output window.
- Next you can execute gulp tasks from the Terminal.
Note that gulp commands can also be run from within VS Code, pressing Cmd+P and typing task, then typing part of the task name.
Show available gulp commands.
Run jasmine tests using karma.
Run jasmine tests using karma with a watch. After running, make a change to
greeter.spec.tsso that it fails.
Serve jasmine tests in the browser. After running, make a change to
greeter.tsso that it fails.
- TypeScript files and tests may be added to the src directory, either at the src root or in nested subdirectories.