angularjs - 我应该怎么做才能在 WebStorm 的 .ts 文件中解析 'angular'

Question

我想知道..我到底应该怎么做才能让 WebStrom(或 IntelliJ IDEA)解析我的“Angular ”变量。

我关注 this guy但这可能已经被弃用了。

在我的 vendor.d.ts 上:

/// <reference path="../typings/jquery/jquery.d.ts" />
/// <reference path="../typings/angularjs/angular.d.ts" />

我的包 json:

{
  "name": "angular_ts",
  "version": "0.1.0",
  "description": "",
  "repository": {},
  "dependencies": {
    "grunt": "~0.4.5",
    "grunt-ts": "~3.0.0"
  }
}

我在该屏幕截图上的问题('angular' 未解决.. 无法定义它，因此 - 'module' 的多个实现):

那么，我到底应该怎么做才能在 WebStorm 的 .ts 文件中解析“angular”？

更新: 我的项目中还没有 angularjs 源代码。但是它重定向我的选项之一是“node_modules/grunt-ts/tasks/inerfaces.d.ts”文件。即使我从项目中排除“node_modules”文件夹。

Answer 1

您必须做一些事情才能让它正常工作。我不知道那个教程告诉你做什么，但这不是 WebStorm 通常的做法。

首先，您需要让 WebStorm 忽略您项目中的所有 AngularJS 源文件。这就是您收到多重实现警告的原因。

• 打开显示文件树的“项目”侧面板。
• 找到放置 angular.min.js 源文件的位置，然后右键单击该文件。
• 选择“标记为纯文本”。 WebStorm 现在将忽略来自 JavaScript 智能感知的该文件。

您现在必须将 AngularJS 添加到该项目的外部库列表中。

• 点击“文件/设置”
• 展开“语言和框架”节点
• 展开“JavaScript”节点
• 选择“库”部分。

这是您为库安装第三方 TS 文件的地方。选择“angularjs-DefinitelyTyped”库，但 WebStorm 没有提供。您必须下载并安装它。

• 单击“下载...”按钮。
• 将对话框中的下拉菜单从“官方库”更改为“TypeScrypt 社区 stub ”。
• 找到“angularjs”，选择它并单击“下载并安装”。

这基本上就是我所做的。关键是排除项目中会干扰智能感知的JS文件。

当您通过设置将外部库安装到 WebStorm 项目时。它实际上并没有将这些文件添加到项目中。它们仅添加到 IDE 使用的智能感知空间。