创建新项目对话框

作曲家项目

仅当安装并启用了命令行工具支持插件时才支持该功能。

这插件与 PhpStorm 捆绑并默认激活。如果插件被禁用，请在设置/首选项的已安装选项卡上启用它。插件页面，如管理插件中所述。

选择此选项以使用Composer 模板创建项目存根。

在右侧窗格中：

1. 在Composer.phar区域中，指定composer.phar命令定义文件以用于项目创建。

   • 使用现有的 composer.phar：选择此选项以使用先前下载的composer.phar中的命令并在字段中指定其位置。

   • 从 getcomposer.org 下载 composer.phar选择此选项以下载新的 Composer 实例。下载的composer.phar文件将保存在项目根文件夹下。

2. 在Package区域中，指定在项目创建期间要安装的包。

   • 可用包：从此列表中选择要安装的包。如有必要，使用搜索字段：开始输入搜索字符串，当您输入时，列表会动态缩小以显示与输入模式匹配的包。

   • 说明：此只读字段简要说明所选包的功能。

   • 要安装的版本：从此列表中选择软件包版本。列表的内容取决于具体的包。

3. 在设置区域中，指定用于生成项目存根和安装包（依赖项）的高级设置：

   • PHP 可执行文件的路径：在此字段中，指定 PHP 引擎安装文件夹的位置。

   • 命令行参数：在此字段中，键入其他命令行参数。

Drupal 模块

仅当安装并启用Drupal 支持插件时才支持该功能。

默认情况下激活插件。如果插件被禁用，请在插件页面的已安装选项卡上启用它们，如安装插件中所述。

选择此选项以创建和设置Drupal 模块。

在右侧窗格中：

1. 在Drupal 安装路径字段中，指定Drupal安装的根文件夹。手动输入路径或单击浏览 并在打开的对话框中选择相关文件夹。

Joomla！一体化

仅当Joomla!支持该功能！支持插件已安装并启用。

默认情况下激活插件。如果插件被禁用，请在插件页面的已安装选项卡上启用它们，如安装插件中所述。

选择此选项以获取用于使用Joomla!开发应用程序的项目存根！内容管理系统。

在右侧窗格中：

1. 在Joomla！安装路径指定Joomla 所在的文件夹！已安装。

2. 从项目类型列表中，选择Joomla! 您将在项目中开发的应用程序的单元类型。根据这个选择，PhpStorm 将构建存根并下载必要的源。可用的选项有：

   • Joomla！零件

   • Joomla！模块

   • Joomla！插入

   • 空 Joomla！项目：选择此选项以创建一个没有任何Joomla的空项目文件夹！- 特定的结构。

WordPress 插件

仅当安装并启用WordPress 支持插件时才支持该功能。

默认情况下激活插件。如果插件被禁用，请在插件页面的已安装选项卡上启用它们，如安装插件中所述。

选择此选项以获取使用WordPress开发应用程序的项目存根，有关详细信息，请参阅WordPress。

在右侧窗格中：键入项目位置并指定安装 WordPress 的文件夹。此文件夹应包含wp-admin和wp-includes子目录。

角 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 应用程序。PhpStorm 只运行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中的说明继续操作。