如何在VS代码中启用Backbone的IntelliSense

Question

我正在尝试为示例Backbone.js项目安装TypeScript定义。

在项目目录中，我发出了以下命令：

npm init
npm install typings
typings install dt~backbone --global

这会将index.d.ts和typings.json文件添加到\typings\globals\backbone文件夹。

控制台输出如下：

如图所示，文件均为1 KB，VS Code intellisense不会获取任何Backbone定义。 （项目文件夹包含jsconfig.json文件。）

“typings install dt~bone ...”命令是否应该安装实际的主干类型定义（在backbone-global.d.ts（17 KB）中找到），以及下划线和jquery等依赖项（每个大约140 KB） ？ stripped reference是否表示某种类型的错误？

如何安装这些文件/定义（以便VS Code intellisense正常工作）？

Answer 1

<强>前言

引用始终从Typings安装中删除，因为它们具有模糊性。 Backbone definitions文件不包含定义，只引用了backbone-global和underscore。关于此，我们有一个开放的issue。

安装和配置

默认情况下，在Visual Studio Code中打开的所有JavaScript文件都被视为独立单元。如果要为整个项目启用IntelliSense，请记住将jsconfig.json文件（可以为空）放在项目的根目录下。

要安装Typings manager执行npm install typings --global，然后使用以下命令安装带有dependancies的Backbone定义：

typings install dt~underscore dt~backbone dt~backbone-global --global

您还可以添加--save标志来创建typings.json文件。它就像package.json文件中的依赖项部分，但对于Typings manager。

示例

我刚刚对此进行了快速测试，并且在安装所有引用的定义并创建jsconfig.json文件后， IntelliSense 似乎正常工作。

<强> jsconfig.json

{
    "compilerOptions": {
        "target": "es6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true
    },
    "exclude": [
        "node_modules",
        "tmp"
    ]
}

<强>分型/ index.d.ts

/// <reference path="globals/backbone-global/index.d.ts" />
/// <reference path="globals/backbone/index.d.ts" />
/// <reference path="globals/underscore/index.d.ts" />