-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 29375db
Showing
8 changed files
with
350 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
node_modules/ | ||
build/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
{ | ||
"version": "0.1.0", | ||
// List of configurations. Add new configurations or edit existing ones. | ||
// ONLY "node" and "mono" are supported, change "type" to switch. | ||
"configurations": [ | ||
{ | ||
// Name of configuration; appears in the launch configuration drop down menu. | ||
"name": "Launch app.js", | ||
// Type of configuration. Possible values: "node", "mono". | ||
"type": "node", | ||
// Workspace relative or absolute path to the program. | ||
"program": "build/js/app.js", | ||
// Automatically stop program after launch. | ||
"stopOnEntry": false, | ||
// Command line arguments passed to the program. | ||
"args": [], | ||
// Workspace relative or absolute path to the working directory of the program being debugged. Default is the current workspace. | ||
"cwd": ".", | ||
// Workspace relative or absolute path to the runtime executable to be used. Default is the runtime executable on the PATH. | ||
"runtimeExecutable": null, | ||
// Optional arguments passed to the runtime executable. | ||
"runtimeArgs": ["--nolazy"], | ||
// Environment variables passed to the program. | ||
"env": { }, | ||
// Use JavaScript source maps (if they exist). | ||
"sourceMaps": true, | ||
// If JavaScript source maps are enabled, the generated code is expected in this directory. | ||
"outDir": "build/js/" | ||
}, | ||
{ | ||
"name": "Attach", | ||
"type": "node", | ||
// TCP/IP address. Default is "localhost". | ||
"address": "localhost", | ||
// Port to attach to. | ||
"port": 5858, | ||
"sourceMaps": true | ||
} | ||
] | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,223 @@ | ||
// Available variables which can be used inside of strings. | ||
// ${workspaceRoot}: the root folder of the team | ||
// ${file}: the current opened file | ||
// ${fileBasename}: the current opened file's basename | ||
// ${fileDirname}: the current opened file's dirname | ||
// ${fileExtname}: the current opened file's extension | ||
// ${cwd}: the current working directory of the spawned process | ||
|
||
// A task runner that calls the Typescript compiler (tsc) and | ||
// Compiles a HelloWorld.ts program | ||
{ | ||
"version": "0.1.0", | ||
|
||
// The command is tsc. Assumes that tsc has been installed using npm install -g typescript | ||
"command": "tsc", | ||
|
||
// The command is a shell script | ||
"isShellCommand": true, | ||
|
||
// Show the output window only if unrecognized errors occur. | ||
"showOutput": "silent", | ||
|
||
// args is the HelloWorld program to compile. | ||
"args": [], | ||
|
||
// use the standard tsc problem matcher to find compile problems | ||
// in the output. | ||
"problemMatcher": "$tsc" | ||
} | ||
|
||
// A task runner that calls the Typescript compiler (tsc) and | ||
// compiles based on a tsconfig.json file that is present in | ||
// the root of the folder open in VSCode | ||
/* | ||
{ | ||
"version": "0.1.0", | ||
|
||
// The command is tsc. Assumes that tsc has been installed using npm install -g typescript | ||
"command": "tsc", | ||
|
||
// The command is a shell script | ||
"isShellCommand": true, | ||
|
||
// Show the output window only if unrecognized errors occur. | ||
"showOutput": "silent", | ||
|
||
// Tell the tsc compiler to use the tsconfig.json from the open folder. | ||
"args": ["-p", "."], | ||
|
||
// use the standard tsc problem matcher to find compile problems | ||
// in the output. | ||
"problemMatcher": "$tsc" | ||
} | ||
*/ | ||
|
||
// A task runner configuration for gulp. Gulp provides a less task | ||
// which compiles less to css. | ||
/* | ||
{ | ||
"version": "0.1.0", | ||
"command": "gulp", | ||
"isShellCommand": true, | ||
"tasks": [ | ||
{ | ||
"taskName": "less", | ||
// Make this the default build command. | ||
"isBuildCommand": true, | ||
// Show the output window only if unrecognized errors occur. | ||
"showOutput": "silent", | ||
// Use the standard less compilation problem matcher. | ||
"problemMatcher": "$lessCompile" | ||
} | ||
] | ||
} | ||
*/ | ||
|
||
// Uncomment the following section to use gulp in a watching mode that compiles a | ||
// less file. The gulp task prints "[hh:mm:ss] Starting 'clean-styles'" to the console | ||
// when existing css files get deleted and "[hh:mm:ss] Finished 'styles'" when the | ||
// overall less compilation has finished. When the clean pattern is detect internal less | ||
// problems are cleaned. When the finshed pattern is detected in the output less | ||
// problems are published. | ||
/* | ||
{ | ||
"version": "0.1.0", | ||
"command": "gulp", | ||
"isShellCommand": true, | ||
"tasks": [ | ||
{ | ||
"taskName": "watch-less", | ||
// Make this the default build command. | ||
"isBuildCommand": true, | ||
// Show the output window only if unrecognized errors occur. | ||
"showOutput": "silent", | ||
// Task is running in watching mode. | ||
"isWatching": true, | ||
"problemMatcher": { | ||
// Use the standard less compilation problem matcher as the base. | ||
"base": "$lessCompile", | ||
// A regular expression signalling that a watched task begins executing (usually triggered through file watching). | ||
"watchedTaskBeginsRegExp": "^\\[\\d+:\\d+:\\d+\\] Starting 'clean-styles'\\.\\.\\.$", | ||
// A regular expression signalling that a watched tasks ends executing. | ||
"watchedTaskEndsRegExp": "^\\[\\d+:\\d+:\\d+\\] Finished 'styles' after \\d+" | ||
} | ||
} | ||
] | ||
} | ||
*/ | ||
|
||
// Uncomment the following section to use jake to build a workspace | ||
// cloned from https://github.com/Microsoft/TypeScript.git | ||
/* | ||
{ | ||
"version": "0.1.0", | ||
// Task runner is jake | ||
"command": "jake", | ||
// Need to be executed in shell / cmd | ||
"isShellCommand": true, | ||
"showOutput": "silent", | ||
"tasks": [ | ||
{ | ||
// TS build command is local. | ||
"taskName": "local", | ||
// Make this the default build command. | ||
"isBuildCommand": true, | ||
// Show the output window only if unrecognized errors occur. | ||
"showOutput": "silent", | ||
// Use the redefined Typescript output problem matcher. | ||
"problemMatcher": [ | ||
"$tsc" | ||
] | ||
} | ||
] | ||
} | ||
*/ | ||
|
||
// Uncomment the section below to use msbuild and generate problems | ||
// for csc, cpp, tsc and vb. The configuration assumes that msbuild | ||
// is available on the path and a solution file exists in the | ||
// workspace folder root. | ||
/* | ||
{ | ||
"version": "0.1.0", | ||
"command": "msbuild", | ||
"args": [ | ||
// Ask msbuild to generate full paths for file names. | ||
"/property:GenerateFullPaths=true" | ||
], | ||
"taskSelector": "/t:", | ||
"showOutput": "silent", | ||
"tasks": [ | ||
{ | ||
"taskName": "build", | ||
// Show the output window only if unrecognized errors occur. | ||
"showOutput": "silent", | ||
// Use the standard MS compiler pattern to detect errors, warnings | ||
// and infos in the output. | ||
"problemMatcher": "$msCompile" | ||
} | ||
] | ||
} | ||
*/ | ||
|
||
// Uncomment the following section to use msbuild which compiles Typescript | ||
// and less files. | ||
/* | ||
{ | ||
"version": "0.1.0", | ||
"command": "msbuild", | ||
"args": [ | ||
// Ask msbuild to generate full paths for file names. | ||
"/property:GenerateFullPaths=true" | ||
], | ||
"taskSelector": "/t:", | ||
"showOutput": "silent", | ||
"tasks": [ | ||
{ | ||
"taskName": "build", | ||
// Show the output window only if unrecognized errors occur. | ||
"showOutput": "silent", | ||
// Use the standard MS compiler pattern to detect errors, warnings | ||
// and infos in the output. | ||
"problemMatcher": [ | ||
"$msCompile", | ||
"$lessCompile" | ||
] | ||
} | ||
] | ||
} | ||
*/ | ||
// A task runner example that defines a problemMatcher inline instead of using | ||
// a predfined one. | ||
/* | ||
{ | ||
"version": "0.1.0", | ||
"command": "tsc", | ||
"isShellCommand": true, | ||
"args": ["HelloWorld.ts"], | ||
"showOutput": "silent", | ||
"problemMatcher": { | ||
// The problem is owned by the typescript language service. Ensure that the problems | ||
// are merged with problems produced by Visual Studio's language service. | ||
"owner": "typescript", | ||
// The file name for reported problems is relative to the current working directory. | ||
"fileLocation": ["relative", "${cwd}"], | ||
// The actual pattern to match problems in the output. | ||
"pattern": { | ||
// The regular expression. Matches HelloWorld.ts(2,10): error TS2339: Property 'logg' does not exist on type 'Console'. | ||
"regexp": "^([^\\s].*)\\((\\d+|\\d+,\\d+|\\d+,\\d+,\\d+,\\d+)\\):\\s+(error|warning|info)\\s+(TS\\d+)\\s*:\\s*(.*)$", | ||
// The match group that denotes the file containing the problem. | ||
"file": 1, | ||
// The match group that denotes the problem location. | ||
"location": 2, | ||
// The match group that denotes the problem's severity. Can be omitted. | ||
"severity": 3, | ||
// The match group that denotes the problem code. Can be omitted. | ||
"code": 4, | ||
// The match group that denotes the problem's message. | ||
"message": 5 | ||
} | ||
} | ||
} | ||
*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,38 @@ | ||
vscode-typescript-example | ||
========================= | ||
|
||
This project demonstrates a skeleton structure and necessary settings files to allow TypeScript development in [Visual Studio Code][vscode] (as of build 0.7.10). The project builds all TypeScript (`.ts`) files into a `build/js` directory in the root. | ||
|
||
### Prerequisites | ||
1. You need Node.js. [Go install it][nodejsdownload] | ||
2. Ensure the TypeScript compiler has been installed and is on your `PATH`: | ||
```bash | ||
$ npm install -g typescript | ||
``` | ||
|
||
### Building | ||
1. Clone the repository | ||
2. Open VSCode and select the root of the cloned repository as the project folder | ||
3. Hit <kbd>CTRL</kbd>+<kbd>Shift</kbd>+<kbd>B</kbd> or <kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>B</kbd> to build | ||
4. If there were no errors, you should see a new directory, `build/` in the root with the following content: | ||
``` | ||
build/ | ||
js/ | ||
lib/ | ||
mymodule.js | ||
mymodule.js.map | ||
app.js | ||
app.js.map | ||
``` | ||
|
||
Your `.ts` files have been compiled to `.js` files within the `build/js/` directory, and each should have a `.js.map` _sourcemap_ file alongside it to allow debugging symbols and Error stack traces to correctly report the line in the original file. See [this StackOverflow article][sourcemapquestion] for an overview of what a sourcemap is. | ||
|
||
### Running and Debugging | ||
To run the project in debug mode, simply hit <kbd>F5</kbd>! Place breakpoints in your TypeScript code and view them in the debugger (<kbd>CTRL</kbd>+<kbd>Shift</kbd>+<kbd>D</kbd> or <kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>D</kbd>). | ||
|
||
### License | ||
MIT | ||
|
||
[vscode]: https://code.visualstudio.com/ | ||
[nodejsdownload]: https://nodejs.org/download/ | ||
[sourcemapquestion]: http://stackoverflow.com/questions/21719562/javascript-map-files-javascript-source-maps |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,31 @@ | ||
{ | ||
"name": "vscode-typescript-example", | ||
"version": "0.0.1", | ||
"description": "Demonstrates a skeleton project for TypeScript development with Visual Studio Code.", | ||
"main": "build/js/app.js", | ||
"scripts": { | ||
"test": "echo \"Error: no test specified\" && exit 1" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/codesleuth/vscode-typescript-example.git" | ||
}, | ||
"keywords": [ | ||
"vscode", | ||
"typescript", | ||
"example", | ||
"project", | ||
"skeleton", | ||
"debug", | ||
"intellisense", | ||
"compile", | ||
"transpile" | ||
], | ||
"author": "David Wood <david.p.wood@gmail.com> (http://www.codesleuth.co.uk/)", | ||
"license": "MIT", | ||
"bugs": { | ||
"url": "https://github.com/codesleuth/vscode-typescript-example/issues" | ||
}, | ||
"homepage": "https://github.com/codesleuth/vscode-typescript-example#readme", | ||
"private": true | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
import mymodule = require('./lib/mymodule') | ||
|
||
console.log('Hey there, VSCode user!') | ||
|
||
mymodule.SayGoodbye(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
export function SayGoodbye() { | ||
console.log("Goodbye :(") | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
{ | ||
"compilerOptions": { | ||
"target": "ES5", | ||
"module": "commonjs", | ||
"sourceMap": true, | ||
"outDir": "build/js" | ||
} | ||
} |