我一直在尝试使用Visual Studio Code(0.3.0)编辑器使用TypeScript(1.5 beta)和AngularJS(1.4)创建一个hello-world示例。如下面的快照所示,当代码引用AngularJS' TypeScript定义文件,VS Code会引发很多错误。
不确定我在这里做错了什么。
**编辑**
首先运行npm install -g typescript
然后tsd install [library-name] --save
考虑到GJSmith3rd的评论,构建项目会输出tsc的--help命令。见下文:
答案 0 :(得分:1)
VSCode中的Typescript与您的示例一起正常工作。
在VSCode中创建一个新文件夹
使用编译器选项
创建一个简单的tsconfig.json文件{
"compilerOptions": {
"target": "ES3",
"module": "amd",
"sourceMap": false
}
}
在app.ts中创建示例代码
export interface IPerson {
firstName: string;
lastName: string;
}
export class Person implements IPerson {
constructor(public firstName: string, public lastName: string) {
var module = angular.module("myApp", []);
}
}
重要提示:使用DefinitelyTyped tsd
命令
来自DefinitelyTyped的$tsd install angular jquery --save
。 Angular依赖于jQuery。
向tsd.d.ts
app.ts
个文件引用
/// <reference path="typings/tsd.d.ts" />
使用 shift + ctl + b 在应用目录的.settings/tasks.json
中配置任务运行器选择“配置任务运行器”。删除"args:[Hello World],
的内容或使用"args:[],
使用任务运行器编译 shift + ctl + b
以下是我使用"args": [],
// A task runner that calls the Typescipt compiler (tsc) and
// Compiles a app.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 app.ts program to compile.
"args": [],
// use the standard tsc problem matcher to find compile problems
// in the output.
"problemMatcher": "$tsc"
}
如果在VSCode中仍然存在编译问题,请尝试从项目目录中获取线索的命令行。
tsc --module amd --out app.js app.ts
并检查您之前提到的版本:
02:00:23 ツ gjsmith3rd@DV7:~/Workspaces/Examples/TypeScript/MSDN/MyProject5 >tsc --version
message TS6029: Version 1.5.3
考虑将tsc更新为最新版本,该版本在编辑时为v1.5.3 sudo npm install tsc -g
。