如何在 VS Code 中为 Backbone 启用 IntelliSense

Rae*_*elB 3 intellisense visual-studio-code typescript-typings

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

在项目目录中,我发出了以下命令:

npm init
npm install typings
typings install dt~backbone --global
Run Code Online (Sandbox Code Playgroud)

这会将一个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 智能感知能够正常工作)?

Jak*_*iec 5

前言

参考文献总是从 Typings 安装中删除,因为它们的性质不明确。在骨干网定义文件不包含的定义,只是引用骨干全局和下划线。有一个关于这个的公开问题

安装和配置

默认情况下,在 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文件的依赖项部分,但对于打字管理器而言。

例子

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

在此处输入图片说明

jsconfig.json

{
    "compilerOptions": {
        "target": "es6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true
    },
    "exclude": [
        "node_modules",
        "tmp"
    ]
}
Run Code Online (Sandbox Code Playgroud)

打字/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" />
Run Code Online (Sandbox Code Playgroud)