前端开发工具WebStorm使用教程（二）：创建项目

在WebStorm 中，您可以创建空项目、将文件夹作为项目打开、从 VCS 中签出源并从中创建项目。

创建一个空项目

1. 在欢迎屏幕上单击创建新项目或选择文件 | 新 | 主菜单中的项目。
2. 在打开的对话框中，在左侧窗格中选择Empty Project ，然后指定项目位置。


如果您在“设置/首选项”对话框的“系统设置”页面上指定了默认目录，WebStorm 将建议此默认位置。请参阅更改项目的默认位置。

从现有的本地资源创建项目

当要使用的源已经在您的机器上时，您只需打开存储它们的文件夹并将其设置为 WebStorm 项目：

1. 在欢迎屏幕上单击打开或选择文件 | 从主菜单打开。
2. 在打开的对话框中，选择包含所需源代码的目录。
3. 单击“确定”并指定是要在单独的窗口中打开新项目还是关闭当前项目并重新使用现有项目。

或者，只需将包含您的源的文件夹拖到欢迎屏幕。

从版本控制中签出项目

1. 在欢迎屏幕上单击从 VCS 获取。或者，选择文件 | 来自版本控制或的项目 | 从主菜单中获取版本控制。

<Your_VCS>代表与您当前打开的项目相关联的版本控制系统。

2. 在打开的对话框中，从列表中选择您的版本控制系统并指定要从中签出应用程序源的存储库。

生成特定于框架的项目

前端开发工具 WebStorm可以为您创建新的特定于框架的应用程序，设置它们的结构，并在必要时下载所需的包。

1. 在欢迎屏幕 上单击创建新项目或选择文件 | 新 | 主菜单中的项目。创建新项目对话框打开。
2. 在左侧窗格中，根据应用程序的类型选择要使用的模板。
3. 右侧窗格中的控件集取决于所选模板。有关详细信息，请参阅在语言和框架下的框架特定页面上创建新应用程序。

项目模板

假设您有一个项目，其中包含要在新项目中重现的文件和文件夹、设置和配置。您可以将此项目保存为自定义项目模板，然后使用此模板创建产品。

将项目另存为模板

1. 从主菜单中，选择工具 | 将项目另存为模板。
2. 在打开的对话框中，指定模板的名称并可选择提供简短的模板描述。

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

从模板创建项目

1. 在欢迎屏幕上单击创建新项目或选择文件 | 新 | 主菜单中的项目。
2. 在打开的对话框中，从左侧窗格中选择所需的模板。项目模板标有项目模板图标。

3. 在右侧窗格中，指定项目位置。

删除项目模板

全局 (IDE) 设置与项目分开存储。这就是为什么这些设置不会通过版本控制与项目一起共享。

1. 从主菜单中，选择工具 | 管理项目模板。
2. 选择要删除的模板并单击删除按钮。

以上就是有关WebStorm如何创建项目的介绍，更多关于WebStorm价格信息可进入官 查看。

WebStorm已更新至V2022.1，欢迎下载WebStorm最新版本试用：

WebStorm| 下载试用

WebStorm是一个针对JavaScript和相关技术的集成开发环境。像其他JetBrains IDE一样，它使你的开发体验更加愉快，使日常工作自动化，并帮助你轻松处理复杂的任务。

标签：