WebStorm 2025.2 Help

Yeoman

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

开始之前

  1. 请确保您的计算机上已安装 Node.js

  2. 设置 | 插件 页面、 Marketplace 选项卡中安装并启用 Yeoman 插件,具体操作请参见 从 JetBrains Marketplace 安装插件

在 WebStorm 中安装并配置 Yeoman

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

    npm install -g yo

  2. 设置 对话框(Ctrl+Alt+S )中,转到 语言与框架 | JavaScript | Yeoman。 在打开的 Yeoman 页面中,指定全局安装的 yo 包的位置以及要使用的 本地 Node.js 解释器

配置项目存根生成器列表

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

  2. 在左侧窗格中选择 Yeoman

  3. 右侧窗格显示所有已安装的 Yeoman generator。 点击 安装 Generator

  4. 在打开的对话框中会显示所有可用的 generator 包,在左侧窗格中选择所需包,并点击右侧窗格中显示的 安装 Generator 按钮。 在不关闭对话框的情况下,您可以连续安装多个包。

    安装完成后,点击 关闭 返回 generator 列表,此列表已包含新增的包。

通过生成器创建项目

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

  2. 在左侧窗格中选择 Yeoman

  3. 右侧窗格显示所有已安装的 Yeoman generator。 要展开列表,请点击 安装 Generator ,参阅上文 在 WebStorm 中安装并配置 Yeoman

    从列表中选择所需的 generator 并点击 下一步

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

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

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

最后修改日期: 2025年 9月 26日