WebStorm 2025.2 Help

创建项目

在 WebStorm 中,您可以创建空项目、将文件夹作为项目打开、从 VCS 检出源代码并基于这些源代码创建项目。您还可以通过框架模板生成项目,使新应用程序已预配置所需的所有包和配置。 您还可以通过框架模板生成项目,使新应用程序已预配置所需的所有包和配置。

WebStorm 还可以保存任何项目的设置、文件和文件夹,并在创建新项目时将其用作模板。

创建空项目

  1. 欢迎屏幕中点击 新建项目 ,或从主菜单中选择 文件 | 新建 | 项目

  2. 在打开的对话框中,在左侧窗格选择 空项目 ,然后指定项目位置。

    创建新空项目

    如果您在 系统设置页面设置 对话框中指定了 默认目录 ,则 WebStorm 会建议该默认位置。 请参阅 更改项目的默认位置

创建基本 JavaScript 或 TypeScript 项目

WebStorm 可以创建基本的 JavaScript 或 TypeScript 项目,使您能够通过最少配置设置项目。

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

  2. 在左侧窗格中,选择 新建项目

  3. 在右侧窗格中,选择 JavaScriptTypeScript ,并指定用于存储与项目相关文件的文件夹路径。

    生成的项目包含一个 package.json 文件和一个 index.js index.ts 文件,以及一条 console.log() 欢迎消息。 如果您选择了 TypeScript ,WebStorm 还将生成一个 tsconfig.json 文件用于设置编译器选项。

    默认情况下,WebStorm 还会创建一个 Git 仓库。

  4. 要生成示例 Web 应用程序,请选择 生成包含入门提示的沙盒项目 复选框。 WebStorm 将基于 Vite 模板创建项目,并提供提示以确保顺利上手。

    创建基本 JavaScript 项目

从本地现有源创建项目

如果工作所需的源代码已经存在本地,您只需打开存储该代码的文件夹并将其设为 一个 WebStorm 项目即可:

  1. 欢迎屏幕中点击 打开 ,或从主菜单中选择 文件 | 打开

  2. 打开的对话框中,选择包含目标源代码的目录。

  3. 点击 确定 并指定是要在独立窗口中打开新项目,还是关闭当前项目并使用现有的窗口。 更多信息请参阅 打开多个项目

或者,直接将包含源文件的文件夹拖动到 欢迎界面

通过将文件夹拖动到欢迎屏幕来创建新的 WebStorm 项目

从版本控制检出项目

  1. 请在 欢迎 屏幕上点击 克隆存储库克隆

    或者,从主菜单中选择 文件 | 新建 | 来自版本控制的项目…Git | 克隆…版本控制 | 从版本控制获取

    在主菜单中,您可能会看到项目关联的其他版本控制系统,而不是 Git。 例如, MercurialPerforce

  2. 在打开的对话框中,从列表中选择您的版本控制系统,并指定要检出的应用程序源代码的仓库。 更多信息请参阅 检出项目(克隆)

生成特定框架项目

WebStorm 可以为您创建新的特定框架应用程序,设置其结构,并根据需要下载所需的包。 您还可以使用 Yeoman 生成器。 更多信息请参阅 Yeoman

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

  2. 在左侧窗格中,根据应用程序类型选择要使用的模板。

  3. 右侧窗格中的控件集取决于所选模板。 有关详情,请参阅框架特定页面中的 创建新应用 ,位于 语言与框架 下。

项目模板

假设您拥有一个包含文件、文件夹、设置和配置的项目,且您希望在新项目中复用这些内容。 您可以将该项目保存为自定义项目模板,然后在产品创建时使用该模板。

将项目另存为模板

  1. 转到 工具 | 将项目另存为模板

  2. 在打开的对话框中,指定模板名称,并可选择性提供模板简介。

    请注意,WebStorm 会将 .idea 文件夹中的所有项目设置保存到模板中。 因此,如果您希望新项目包含一些预定义的运行/调试配置,请在保存模板前,在这些配置中选中 共享 复选框。

从模板创建项目

  1. 欢迎界面上点击 新建项目 ,或从主菜单中选择 文件 | 新建 | 项目

  2. 在打开的对话框中,在左侧窗格选择所需模板。 项目模板以 项目模板图标 图标标识。

    从自定义模板创建项目
  3. 在右侧窗格中指定项目位置。

删除项目模板

  1. 转到 工具 | 管理项目模板

  2. 选择您要删除的模板,然后点击 “移除”按钮

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