创建项目
在 WebStorm 中,您可以创建空项目、将文件夹作为项目打开、从 VCS 检出源代码并基于这些源代码创建项目。您还可以通过框架模板生成项目,使新应用程序已预配置所需的所有包和配置。 您还可以通过框架模板生成项目,使新应用程序已预配置所需的所有包和配置。
WebStorm 还可以保存任何项目的设置、文件和文件夹,并在创建新项目时将其用作模板。
创建空项目
创建基本 JavaScript 或 TypeScript 项目
WebStorm 可以创建基本的 JavaScript 或 TypeScript 项目,使您能够通过最少配置设置项目。
点击 新建项目 于 欢迎 屏幕,或从主菜单中选择 。 将打开 新建 项目 对话框。
在左侧窗格中,选择 新建项目。
在右侧窗格中,选择 JavaScript 或 TypeScript ,并指定用于存储与项目相关文件的文件夹路径。
生成的项目包含一个 package.json 文件和一个 index.js 或 index.ts 文件,以及一条
console.log()欢迎消息。 如果您选择了 TypeScript ,WebStorm 还将生成一个 tsconfig.json 文件用于设置编译器选项。默认情况下,WebStorm 还会创建一个 Git 仓库。
要生成示例 Web 应用程序,请选择 生成包含入门提示的沙盒项目 复选框。 WebStorm 将基于 Vite 模板创建项目,并提供提示以确保顺利上手。

从本地现有源创建项目
如果工作所需的源代码已经存在本地,您只需打开存储该代码的文件夹并将其设为 一个 WebStorm 项目即可:
或者,直接将包含源文件的文件夹拖动到 欢迎界面。

从版本控制检出项目
请在 欢迎 屏幕上点击 克隆存储库克隆。
或者,从主菜单中选择 或 或 。
在主菜单中,您可能会看到项目关联的其他版本控制系统,而不是 Git。 例如, Mercurial 或 Perforce。
在打开的对话框中,从列表中选择您的版本控制系统,并指定要检出的应用程序源代码的仓库。 更多信息请参阅 检出项目(克隆)。
生成特定框架项目
WebStorm 可以为您创建新的特定框架应用程序,设置其结构,并根据需要下载所需的包。 您还可以使用 Yeoman 生成器。 更多信息请参阅 Yeoman。
项目模板
假设您拥有一个包含文件、文件夹、设置和配置的项目,且您希望在新项目中复用这些内容。 您可以将该项目保存为自定义项目模板,然后在产品创建时使用该模板。
将项目另存为模板
转到 。
在打开的对话框中,指定模板名称,并可选择性提供模板简介。
请注意,WebStorm 会将 .idea 文件夹中的所有项目设置保存到模板中。 因此,如果您希望新项目包含一些预定义的运行/调试配置,请在保存模板前,在这些配置中选中 共享 复选框。
从模板创建项目
在 欢迎界面上点击 新建项目 ,或从主菜单中选择 。
在打开的对话框中,在左侧窗格选择所需模板。 项目模板以
图标标识。

在右侧窗格中指定项目位置。
删除项目模板
转到 。
选择您要删除的模板,然后点击
。
