WebStorm 2025.3 Help

Yeoman

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

开始之前

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

  2. 按照 从 JetBrains Marketplace 安装插件 中的描述,在 设置 | 插件 页面、 Marketplace 选项卡上安装并启用 Yeoman 插件。

在 WebStorm 中安装和配置 Yeoman

  1. 在内置的 终端Alt+F12 )中,输入:

    npm install -g yo

  2. 设置 对话框(Ctrl+Alt+S ),转到 语言&框架 | JavaScript | Yeoman。 在打开的 Yeoman 页面上,指定全局安装的 yo 软件包的位置以及要使用的 本地 Node.js 运行时

配置项目模板生成器列表

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

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

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

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

    安装完成后,点击 关闭 返回到生成器列表,该列表已扩展为包含新添加的包。

通过生成器创建项目

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

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

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

    从列表中选择所需的生成器并点击 下一步

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

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

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

最后修改日期: 2025年 12月 8日