在 Phpstorm/PHPStorm 中获取 angularJS 自动完成答案

【问题标题】：Getting angularJS autcomplete in Webstorm/PHPStorm在 Phpstorm/PHPStorm 中获取 angularJS 自动完成
【发布时间】：2015-08-22 11:44:26
【问题描述】：

如何在字符串中自动完成 angularjs 语法。例如：

myscript.js

var List = function ($scope) {
    $scope.names = [
        "Ahmed",
        "Tom",
        "David",
        "Jessie"
    ];
};

HTML

<div>
    <label for="get_name">
        Find your name:
        <input type="search" name="search" id="search" ng-model="search"/>
    </label>
</div>

<div ng-controller="List">
    <ul>
        <li ng-repeat="name in names | filter:search">{{ name }}</li>
    </ul>
</div>

<script type="text/javascript" src="angular_1.0.7.js"></script>
<script type="text/javascript" src="myscript.js"></script>

这基本上是一种搜索名称的方法。如何让自动完成出现在 <li ng-repeat="name in names | filter:search">{{ name }}</li> 内 ng-repeat 内。

我正在使用 PHPStorm 6.0.3。

【问题讨论】：

标签： angularjs phpstorm webstorm

【解决方案1】：

您可以使用来自 John Lindquist 的很棒的 AngularJS 插件。 http://plugins.jetbrains.com/plugin/6971

【讨论】：

我已经安装了 Angular 库和 AngularJS 插件，但我无法让自动完成功能正常工作。为什么还有其他想法？

【解决方案2】：

通过关注 this tutorial from JetBrains 的博客，我终于可以使用它了。

简答：

您有两个选项来启用 AngularJS 自动完成功能：

下载 angular源代码并将文件放入项目内的文件夹中。（它对我不起作用，因为我直接从 CDN 使用它）。
如果使用 CDN，您必须转到项目设置 | JavaScript |图书馆 |下载，然后从左上角的选择框中选择TypeScript community stub，在列表中找到angularjs 和angular-ui，然后下载并安装。

重新启动 IDE。开心点。

【讨论】：

【解决方案3】：

在我的情况下，安装 Angular 库不起作用。正是 Angular 插件起到了作用。根据这个video，安装角度插件并重新启动你的IDE。如需最新版本，请前往

文件 -> 设置 -> 插件 -> 安装 JetBrains 插件 -> 搜索插件，选择并安装。

最后，重新启动您的 IDE。你可以通过创建一个 div 并输入 ng- 来测试它，你会看到所有的建议。

希望这会有所帮助。

【讨论】：

【解决方案4】：

如果您尚未设置 angular，请转到首选项 > 项目设置 > Javascript > 库并添加您的 angular 版本。

至于 html 字符串中的自动完成，我认为当前版本的 PHPStorm 不会发生这种情况，但在大多数其他地方，它应该可以解决问题。

【讨论】：

我建议尝试 PHPStorm 8 EAP - AngularJS 支持在那里得到了改进（参见blog.jetbrains.com/phpstorm/2014/03/…）
我已经安装了 Angular 库和 AngularJS 插件，但我无法让自动完成功能正常工作。为什么还有其他想法？