Visual Studio 代码无法识别内置的打字稿定义文件
Visual Studio Code not recognizing the built-in typescript definition files
我一直在尝试使用 Visual Studio 代码 (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命令。见下文:
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
命令
$tsd install angular jquery --save
来自 DefinitelyTyped。 Angular 取决于 jQuery.
添加对 app.ts
的 tsd.d.ts
文件引用
/// <reference path="typings/tsd.d.ts" />
使用 shift+ctl 在应用程序目录中的 .settings/tasks.json
配置任务运行程序+b 和 select "Configure Task Runner"。删除 "args:[Hello World],
的内容或使用 "args:[],
创建一个新的类似任务
使用 shift+ctl+b 使用 Task Runner 编译
这是我使用的未注释的任务运行程序"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
。
我一直在尝试使用 Visual Studio 代码 (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命令。见下文:
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
命令$tsd install angular jquery --save
来自 DefinitelyTyped。 Angular 取决于 jQuery.添加对
的app.ts
tsd.d.ts
文件引用/// <reference path="typings/tsd.d.ts" />
使用 shift+ctl 在应用程序目录中的
.settings/tasks.json
配置任务运行程序+b 和 select "Configure Task Runner"。删除"args:[Hello World],
的内容或使用"args:[],
创建一个新的类似任务
使用 shift+ctl+b 使用 Task Runner 编译
这是我使用的未注释的任务运行程序"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
。