我应该怎么做才能在 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 源文件。这就是您收到多个实施警告的原因。

打开显示文件树的 "project" 侧面板。
找到放置 angular.min.js 源文件的位置，然后右键单击该文件。
Select"Mark as Plain Text"。对于 JavaScript.

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

点击"File / Settings"
展开"Languages & Frameworks"节点
展开"JavaScript"节点
Select "Libraries" 部分。

这是为库安装第三方 TS 文件的地方。 Select "angularjs-DefinitelyTyped" 库，但是 WebStorm 没有。您必须下载并安装它。

单击 "Download..." 按钮。
将对话框的下拉菜单从 "Official libraries" 更改为 "TypeScrypt community stubs"。
找到"angularjs"，select然后点击"Download and Install"。

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

当您通过设置将外部库安装到 WebStorm 项目时。它实际上并没有将这些文件添加到项目中。它们仅添加到 IDE.

使用的智能感知 space

Answer 2

好的。

因为我的项目中还没有 angularjs 来源。它重定向我的选项之一是 "node_modules/grunt-ts/tasks/inerfaces.d.ts" 文件。即使我从项目中排除 'node_modules' 文件夹。

我的解决方案是从 Project Structure -> Libraries 中删除 node_modules，那里提到了 'node_modules'（也）..

不过和Mathew建议的原理基本一样

（希望不会破坏项目中的其他内容）

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

What exactly I should do to make 'angular' resolved in .ts file in WebStorm

angularjs

intellij-idea

typescript

webstorm

grunt-ts