如何在 VS Code 中为 Backbone 启用 IntelliSense答案

【问题标题】：How to enable IntelliSense for Backbone in VS Code如何在 VS Code 中为 Backbone 启用 IntelliSense
【发布时间】：2016-08-11 22:20:59
【问题描述】：

我正在尝试为示例 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 智能感知不会提取任何 Backbone 定义。（项目文件夹确实包含一个 jsconfig.json 文件。）

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

如何安装这些文件/定义（以便 VS Code 智能感知能够正常工作）？

【问题讨论】：

你用的是什么版本的打字？
我刚刚安装了它。打字：1.3.2。 npm 2.14.4
如果您的项目有一个jsconfig.json 文件，那么请确保类型包含在由jsconfig.json 文件的位置定义的项目上下文中。
@JakubS：我不确定你的意思。请给我一个例子。
@RaelB 请看我对这个问题的回答stackoverflow.com/a/38932121/6103920

标签： intellisense visual-studio-code typescript-typings

【解决方案1】：

前言

由于其不明确的性质，引用总是从 Typings 安装中删除。 Backbone definitions 文件不包含定义，仅引用主干全局和下划线。对此有一个公开的issue。

安装和配置

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

要安装 Typings 管理器，请执行 npm install typings --global，然后使用以下命令安装具有依赖关系的 Backbone 定义：

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

您还可以添加--save 标志来创建typings.json 文件。这就像 package.json 文件的依赖项部分，但用于 Typings 管理器。

示例

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

jsconfig.json

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

typings/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" />

【讨论】：

很高兴能帮上忙。