Javascript 如何在webstorm中创建简单的angular js项目

我安装了webstorm并试图创建一个简单的angular js程序

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

以下是该问题的截图

请帮助我如何在webstorm中创建angular js程序

更新：

现在，我按照中的步骤手动安装AngularJS，添加了AngularJS作为依赖项。还从我的项目中删除了angular js文件，该文件是我在本文中第一张图片的一部分

即使这样，我也无法看到自动完成工作。我已经验证了angular js插件在我的webstorm中已启用。请让我知道可能是什么问题

更新：

我的webstorm中已经启用了Angular JS插件，请查看下图：

这不是一个真正的答案（你已经保存了你的HTML，为什么不把你的JS代码放到外部文件中）。。。但是为什么不使用Yeoman创建一个带有生成器的项目呢？这将为您提供更好的应用程序结构、构建工具、包管理器、单元测试。。。您的IDE应该对此有更好的配置

---

这可能也有帮助：

有一个用于Webstorm的AngularJs插件。这将为您提供html文件中的自动缩放功能。请参阅本教程，了解如何安装它：

甚至还有一个文档页面表单JetBrains，它解释了如何创建AngularJs项目：

在中找到

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

---

或者检查一下

为什么不使用Yeoman创建一个带有生成器的项目-这将为您提供更好的应用程序结构、构建工具、包管理器、单元测试。。。您的IDE应该能更好地满足这一要求。我现在已经按照文档中的步骤进行了操作，但仍然是同一个问题，我已经更新了我的帖子，请您看看。@user3181365要自动完成，需要一个插件。查看此文档以在Webstorm中安装插件：已在Webstorm中启用插件，在我的帖子中添加了屏幕截图，请查看。关注博客，但问题相同。更新了我的帖子的细节，请查收。我不知道约曼的情况，从未尝试过。我尝试将JS代码保存在一个单独的JS文件中，但仍然存在相同的问题，自动完成不起作用。