3

我想知道..我到底应该怎么做才能让 WebStrom（或 IntelliJ IDEA）解析我的“角度”变量。

我跟着这个人，但可能已经被弃用了。

在我的 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 文件中解析“角度”？

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

4

2 回答 2

4

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

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

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

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

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

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

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

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

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

于 2015-03-02T20:58:06.113 回答
0

行。

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

我的解决方案是node_modules从Project Structure -> Libraries那里删除对“node_modules”的引用（也）..

但这与马修建议的原则基本相同。

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

于 2015-03-02T21:19:58.107 回答