WebStorm 2021.1 Help

约曼

您可以使用Yeoman创建特定于框架的 WebStorm 项目。有关更多信息,请参阅生成特定于框架的项目

在你开始前

  1. 确保您的计算机上有Node.js。

  2. 在Settings/Preferences |上安装并启用Yeoman插件 插件页面,选项卡Marketplace,如从 JetBrains 存储库安装插件中所述。

在 WebStorm 中安装和配置 Yeoman

  1. 在嵌入式终端( Alt+F12) 中,键入:

    npm install -g yo

  2. Settings/Preferences对话框 ( Ctrl+Alt+S) 中,转到Languages and Frameworks | JavaScript | 约曼。在打开的Yeoman页面上,指定全局安装的yo包的位置和要使用的本地 Node.js 解释器

配置项目存根生成器列表

  1. 欢迎屏幕 上单击创建新项目或选择文件 | 新 | 主菜单中的项目。创建新项目对话框打开。

  2. 在左侧窗格中,选择Yeoman

  3. 右侧窗格显示所有以前安装的Yeoman 生成器。单击安装生成器

  4. 从打开的显示所有可用生成器包的对话框中,在左侧窗格中选择所需的包,然后单击右侧窗格中显示的安装生成器按钮。您可以在不离开对话框的情况下一个接一个地安装多个包。

    安装完成后,单击关闭返回到已经用新添加的包展开的生成器列表。

通过生成器创建项目

  1. 欢迎屏幕 上单击创建新项目或选择文件 | 新 | 主菜单中的项目。创建新项目对话框打开。

  2. 在左侧窗格中,选择Yeoman

  3. 右侧窗格显示所有以前安装的Yeoman 生成器。要展开列表,请单击安装生成器,请参阅上面的在 WebStorm 中安装和配置 Yeoman

    从列表中选择所需的生成器,然后单击下一步

  4. 在启动的新建项目向导中指定所需的设置。页数及其内容取决于所选的生成器。

  5. 在向导的最后一页,选中或清除Run npm install&bower install复选框以指定是否要运行Node Package ManagerBower来安装开发新项目所需的包。

  6. 单击下一步并选择在当前窗口或新窗口中打开新项目。

最后修改:2021 年 10 月 13 日