Question

我正在尝试学习Typescript，并在this教程之后设置了一个基本的打字稿结构。

我现在需要为项目添加打字。所以我环顾四周，找到了typings。然后我使用输入法添加了JQuery，Lodash和D3。我的项目结构如下所示：

├── dist
│   ├── chart.js
│   ├── greet.js
│   └── main.js
├── gulpfile.js
├── package.json
├── src
│   └── ts
│       ├── chart.ts
│       ├── greet.ts
│       └── main.ts
├── tsconfig.json
├── typings
│   ├── globals
│   │   └── jquery
│   │       ├── index.d.ts
│   │       └── typings.json
│   ├── index.d.ts
│   └── modules
│       ├── d3
│       │   ├── index.d.ts
│       │   └── typings.json
│       └── lodash
│           ├── index.d.ts
│           └── typings.json
└── typings.json

这是我的tsconfig.json文件：

{
    "files": [
        "src/ts/*.ts"
    ],
    "compilerOptions": {
        "noImplicitAny": true,
        "target": "es5"
    }
}

我的问题是，如何在我*.d.ts文件的typings目录中添加main.ts个文件并开始使用jQuery＆＃39; s $或D3＆＃39; d3？

我注意到index.d.ts中的typings文件如下所示：

/// <reference path="globals/jquery/index.d.ts" />
/// <reference path="modules/d3/index.d.ts" />
/// <reference path="modules/lodash/index.d.ts" />

所以我的猜测是，我只需要在我的main.ts文件或我的tsconfig.json文件中的某处添加此文件（而不是手动添加每个.d.ts文件）。我对吗？谢谢。

Answer 1

TypeScript 2建议使用npm作为类型。请参阅The Future of Declaration Files。

您需要的只是：

npm install --save @types/lodash @types/d3 @types/jquery

并且好好去。

Answer 2

您可以在tsconfig中添加它：

"files": [
    "src/ts/*.ts",
    "typings/**/*.ts"
]

或只是

"files": [
    "src/ts/*.ts",
    "typings/index.d.ts"
]

如何在打字稿中使用添加的打字

2 个答案: