如何在webstorm

Question

我已经安装了webstorm并尝试创建一个简单的角度js程序。

我在webstorm中创建了一个空项目，然后在libs目录中添加了angular.js文件。然后，当我尝试为角度js编写代码时，自动完成功能无效。

以下是该问题的屏幕截图。

请帮我看看如何在webstorm中创建角度js程序？

更新

现在我已按照JetBrains Doc中的步骤Installing AngularJS Manually添加了Angular JS作为依赖项。还从我的项目中删除了角度js文件，该文件作为我在这篇文章中的第一张图片的一部分出现。

即便如此，我也无法看到自动完成工作。我已经验证了在我的webstorm中启用了角度js插件。请告诉我可能出现的问题？

更新

我已经在我的网络直播中启用了Angular JS的插件，请查看下图：

Answer 1

不是真正的答案（你保存了HTML，为什么不把你的JS代码放到外部文件中）...但为什么不使用Yeoman创建一个带有生成器的项目 - http://yeoman.io/这会给你一个更好的应用程序结构，构建工具，包管理器，单元测试......并且您的IDE应该更好地配备它。

这也可能有所帮助：http://blog.jetbrains.com/webstorm/2014/07/how-webstorm-works-completion-for-javascript-libraries/

Answer 2

Webstorm有一个AngularJs插件。这将为您提供html文件中的自动更新功能。请参阅本教程如何安装它： youtube tutorial

甚至还有JetBrains的文档页面，它解释了如何创建AngularJs项目： JetBrains Doc

Answer 3

在WebStorm doc

中找到

  

将AngularJS配置为WebStorm JavaScript库，让WebStorm识别AngularJS特定的结构并提供完整的编码帮助：   打开“设置”对话框，然后单击“JavaScript库”。   在“库”区域中，单击“添加”按钮。   在打开的“新建库”对话框中，指定库的名称。   单击库文件列表旁边的“添加”按钮，然后在上下文菜单中选择“附加文件”或“附加目录”，具体取决于您是需要单独的文件还是整个文件夹。   选择Angular.js或Angular.min.js，或打开的对话框中的整个目录。 WebStorm返回“新建库”对话框，其中“名称”只读字段显示所选文件或文件夹的名称。   在“类型”字段中，指定已下载并将要添加的版本。   如果添加了Angular.js，请选择Debug。此版本在开发环境中很有用，尤其适用于调试。   如果添加了缩小的Angular.min.js，请选择“释放”。此版本在生产环境中很有用，因为文件大小要小得多。

或查看this blog post