创建新项目对话框

空项目

选择此选项仅获取一个没有任何内容的项目文件夹。在Location字段中指定项目文件夹的路径，然后单击Create。

角 CLI

选择此选项以获取存根，稍后您可以使用Angular CLI命令行界面自动生成特定结构，例如Classes、Components、Routes、Pipes、Services等。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 在Node Interpreter字段中，指定要使用的 Node.js 解释器。从列表中选择一个已配置的解释器或选择添加以配置一个新解释器。

3. 从Angular CLI列表中，选择npx --package @angular/cli ng。

   或者，对于 npm 5.1 及更早版本，通过在终端@angular/cli中运行自己安装包。创建应用程序时，选择存储包的文件夹。npm install -g @angular/cli Alt+F12@angular/cli

AngularJS

选择此选项以设置项目结构并根据AngularJS 框架模板生成一些源。

在右侧窗格中，指定将存储项目相关文件的文件夹的路径。

引导程序

选择此选项可创建项目，设置其结构，并基于Bootstrap模板生成一些源。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 从版本列表中，选择要使用的模板版本，然后单击创建。

科尔多瓦

选择此选项以设置项目结构并根据PhoneGap或Apache Cordova框架生成一些源。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 指定可执行文件的位置。根据您的操作系统和目标平台，这可以是phonegap、phonegap.cmd、cordova或cordova.cmd。

镖

选择此选项以设置项目结构并为Dart应用程序生成一些源。

表示

选择此选项以设置项目结构并根据Express框架生成一些项目源。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. Node 解释器，请参阅配置本地 Node.js 解释器。

3. 要使用的包管理器 - npm或Yarn，请参阅npm、pnpm 和 Yarn。

4. 快递-发电机。

   建议您使用下载并运行生成器的 npx 。为此，请从express -generator列表中选择npx --package express-generator express 。

   或者，打开嵌入式终端( Alt+F12) 并键入npm install --g express-generator，然后从express-generator列表中选择下载的生成器。

5. 要使用的Express 模板引擎。从模板引擎列表中，选择以下选项之一：

   • 灰尘

   • EJS

   • 车把

   • 霍根.js

   • 哈巴狗(哈巴狗 (翡翠) )

   • 枝条

   • 瓦什

   • 静态html

6. 要使用的 CSS 引擎。从CSS 引擎列表中，选择以下选项之一：

   • 纯 CSS

   • 手写笔

   • 较少的

   • 萨斯。

HTML5 样板

选择此选项以设置项目结构并根据HTML5 Boilerplate模板生成一些源代码。

要在现有项目中开始使用 HTML5 Boilerplate，请从HTML5 Boilerplate 官方网站下载最新的稳定版本并将其解压缩到您的项目中。或者，打开嵌入式终端( Alt+F12) 并npm install html5-boilerplate在命令提示符处键入。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 从版本列表中，选择要使用的模板版本，然后单击创建。

流星

选择此选项以设置项目结构并根据Meteor框架生成一些源。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 指定Meteor可执行文件的位置（请参阅安装 Meteor）。

3. 从模板列表中，选择要生成的样本。要生成基本项目结构，请选择默认选项。

4. 在文件名字段中，键入将生成的相互关联的.js、.html和.css文件的名称。仅当从模板下拉列表中选择默认样品类型时，该字段才可用。

节点.js

选择此选项以启动简单的 Node.js 应用程序。WebStorm 只运行npm init添加package.json文件并为 Node.js 核心 API 启用代码完成的命令。

在右侧窗格中，指定项目文件夹、Node.js 解释器和包管理器（npm或Yarn，有关详细信息，请参阅npm、pnpm 和 Yarn）。

反应

选择此选项以使用全局安装的 create-react-app包生成项目，有关详细信息，请参阅使用 create-react-app 生成 React 应用程序。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 在Node Interpreter字段中，指定要使用的 Node.js 解释器。从列表中选择一个已配置的解释器或选择添加以配置一个新解释器。

3. 从create-react-app列表中，选择npx create-react-app。

   或者，对于 npm 5.1 及更早版本，通过在终端create-react-app中运行自己安装包。创建应用程序时，选择存储包的文件夹。npm install --g create-react-app Alt+F12create-react-app

反应原生

选择此选项以创建React Native应用程序。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 在Node Interpreter字段中，指定要使用的 Node.js 解释器。从列表中选择一个已配置的解释器或选择添加以配置一个新解释器。

3. 从React Native列表中，选择npx --package react-native-cli react-native。

   或者，对于 npm 5.1 及更早版本，通过在终端react-native-cli中运行自己安装包。创建应用程序时，选择存储包的文件夹。npm install -g react-native-cli Alt+F12react-native-cli

Vue.js

选择此选项以使用Vue CLI创建Vue.js应用程序。

在右侧窗格中：

1. 指定将存储项目相关文件的文件夹的路径。

2. 在Node Interpreter字段中，指定要使用的 Node.js 解释器。从列表中选择一个已配置的解释器或选择添加以配置一个新解释器。

3. 从Vue CLI列表中，选择npx --package @vue/cli vue。

   或者，对于 npm 5.1 及更早版本，通过在终端@vue/cli中运行自己安装包。创建应用程序时，选择存储包的文件夹。npm install --g @vue/cli Alt+F12@vue/cli

4. 要使用babel和ESLint引导您的应用程序，请选中Use the default project setup复选框。

约曼

选择此选项以获取使用Yeoman工具生成特定于框架的项目存根的接口。

右侧窗格显示所有以前安装的Yeoman 生成器。从列表中选择所需的生成器，单击Next，然后按照Yeoman中的说明继续操作。