# 使用Yeoman生成器创建项目
PhpStorm支持集成[Yeoman](http://yeoman.io/)工具并提供接口来使用它生成框架特定项目。
在这个页面中:
* [开始之前](#开始之前)
* [安装Yeoman](#安装Yeoman)
* [配置项目存根生成列表](#配置项目存根生成列表)
* [通过生成器生成项目](#通过生成器生成项目)
## <span id='开始之前'>开始之前</span>
1. 下载和安装[Node.js](http://nodejs.org/),需要这个运行时环境有以下两个原因:
* Yeoman工具由**Node.js**启动
* **NPM**,是运行时环境的一部分,也是下载Yeoman工具很方便的途径。
2. 如果你准备使用命令行模式,确保**Node.js**可执行文件父目录的路径和`npm`目录的路径添加到了`PATH`变量中。这可以让你在任意文件夹启动Yeoman工具和**npm**。
3. 确保**Yeoman**和**NodeJs**插件已经安装和启用。这些插件不是PhpStorm绑定的,但是你可以从**JetBrains plugin repository**中安装,参考[安装、更新和卸载库插件](/如何使用/常规指南/管理插件/安装、更新和卸载库插件.md)和[启用和禁用插件](/如何使用/常规指南/管理插件/启用和禁用插件.md)章节的描述。一旦启用,这些插件将在IDE级别可用,这意味着,你可以在所有的PhpStorm项目中使用。
## <span id='安装Yeoman'>安装Yeoman</span>
最简单安装**Yeoman**的方法是使用**Node Package Manager (npm)**,这是[Node.js](http://nodejs.org/)的一部分。**Yeoman**可以被全局的或本地的安装,在项目中,推荐你全局安装,因为在这种情况下你可以在任意目录运行而不仅仅是在它的安装目录中。
PhpStorm提供全局和本地安装的接口。可选的,你也可以通过命令行手动安装**Yeoman**。
要从PhpStorm安装**Yaomen**,在设置对话框使用**Node.js and NPM**页面:
1. 打开[设置参数对话框](/参考/设置参数对话框/README.md)通过按`Ctrl+Alt+S`或选择**File | Settings**(Windows/Linux)/**PhpStorm | Preferences**(OS X),然后点击**Languages&Frameworks**下的**Node.js and NPM**
2. 在打开的**Node.js and NPM**页面,**Packages**区域显示当前电脑安装的Nodejs依赖包,包含全局的和项目级别的,点击![新增](http://image.jellychen.cn/uploads/2016/11/new.png)。
3. 在打开的**Available Packages**对话框,从列表中选择**yo**包。
4. 在全局安装,选择**Options**复选框并在旁边的文本框输入`-g`。
5. 点击**Install Package**启动安装。
要从命令行运行安装:
1. 通过将鼠标指针指向PhpStorm左下角的![工作区显示按钮](http://image.jellychen.cn/uploads/2016/11/show_tool_window_bars.png)并从菜单中并选择**Terminal**来启动内置**Terminal**(更多详情参见[使用嵌入式本地终端](/如何使用/常规指南/使用嵌入式本地终端.md))
2. 在命令行提示符处,输入以下命令:
npm install -g yo
`-g`意味着全局安装
## <span id='配置项目存根生成列表'>配置项目存根生成列表</span>
1. 在主菜单选择**File | New Project**或在欢迎界面点击**New Project**。[新建项目对话框](/参考/对话框/新建项目对话框.md)打开了:
2. 在左侧面板选择**Yeoman**。
3. 在右侧面板显示之前安装的[Yeoman生成器](http://yeoman.io/generators/),点击**Install Generator**。
4. 在打开的对话框中展示所有可用的生成器包,选择在左侧面板选择所需的包并在右侧面板点击出现的**Install Generator**按钮。你可以不离开这个界面一个接着一个地安装若干个包。
当安装完成后。点击**Close**来返回已经展开并显示新添加的包的生成器列表。
## <span id='通过生成器生成项目'>通过生成器生成项目</span>
1. 在主菜单选择**File | New Project**或在欢迎界面点击**New Project**。[新建项目对话框](/参考/对话框/新建项目对话框.md)打开了:
2. 在左侧面板选择**Yeoman**
3. 在右侧面板显示之前安装的[Yeoman生成器](http://yeoman.io/generators/),要展开这个列表,点击**Install Generator**,参见上方的[配置项目存根生成列表](#配置项目存根生成列表)
从列表中选择所需的生成器并点击**Next**
4. 在启动的**New Project**引导页面中指定所需的设置。这些页面和页面包含的内容基于选择的生成器。
5. 在引导的最后一个页面,选择或清除**Run npm install&bower install**复选框来指定你是否想运行**Node Package Manager**和**Bower**来安装开发新项目所需的包。
6. 点击**Click**并选择在当前窗口或新窗口打开这个新的项目。
# 另请参阅:
规程:
* [从框架模板生成项目](/如何使用/常规指南/创建和管理项目/从框架模板生成项目.md)
参考:
* [Yeoman](/参考/设置参数对话框/语言和框架/JavaScript/Yeoman.md)
* [新建项目:Yeoman](/参考/对话框/新建项目对话框/新建项目:Yeoman.md)
* [Node.js和NPM](/参考/设置参数对话框/语言和框架/NodeJs和NPM.md)
- 前言
- 初见PhpStorm
- 系统要求
- 安装和启动
- 注册PhpStorm
- 快速开始引导
- 你不能错过的:快捷键
- 第一步
- 创建和运行你的第一个PHP项目
- 创建和运行你的第一个Web项目
- 如何使用
- 常规指南
- 用户界面引导
- 欢迎界面
- 菜单和工具栏
- 导航栏
- 状态栏
- PhpStorm视图模式
- 设置背景图片
- PhpStorm编辑器
- 基础编辑规程
- 在编辑器中打开和重新打开文件
- 在编辑器中关闭文件
- 在编辑器中选择文本
- 剪切复制粘贴
- 在PhpStorm和资源管理器之间复制粘贴
- 在编辑器中使用拖放
- 注释和取消注释代码块
- 保存和撤销更改
- 撤销和重做更改
- 透镜模式
- 多插入符
- 草稿
- 在编辑器中缩放
- 高级编辑规程
- 添加删除和移动代码元素
- 添加编辑器到收藏夹
- 改变缩进
- 代码折叠
- 基础
- 代码折叠方法
- 折叠预定义和自定义区域
- 折叠菜单的命令和关联的快捷键
- 指定代码折叠偏好
- 查看折叠的代码片段
- 使用代码折叠注释
- 查看当前插入符位置
- 格式化代码
- 切换可写状态
- 切换大小写
- 高亮括号
- 拼写检查
- 连接行和文字
- 分割字符串为多行
- 在表格格式编辑CSV和类似文件
- 在编辑器中使用宏
- 录制宏
- 回放宏
- 编辑宏
- 绑定宏到快捷键
- 管理编辑器标签页
- 配置编辑器标签行为
- 在不同标签页之间跳转
- 锁定和解锁标签页
- 分割和合并编辑窗口
- 分离编辑器标签
- 使用标签组编辑多文件
- 改变编辑器标签头的位置
- 编辑器标签排序
- 使用TODO
- 定义TODO模式和过滤器
- 创建TODO项
- 查看TODO项
- PhpStorm工具窗
- 操作工具窗
- 指定工具窗的外观设置
- 在工具窗快速搜索
- 查看模式
- 管理项目收藏夹
- 配置项目和IDE设置
- 访问默认设置
- 访问设置
- 配置代码风格
- 配置颜色和字体
- 为控制台配置配色方案
- 配置项目文件编码
- 配置单独的文件编码
- 配置快捷键
- 配置行分隔符
- 配置菜单和工具栏
- 配置快速访问列表
- 配置区块和文件颜色
- 配置第三方工具
- 复制代码风格设置
- 创建和注册文件类型
- 导入和导出设置
- 分享你的IDE设置
- 在方案之间切换
- 切换引导JDK
- 配置项目结构
- 配置根目录
- 在根目录中配置文件夹
- 在项目中排除文件
- 创建和管理项目
- 从头创建新项目
- 从现有代码导入项目
- 从本地代码创建项目
- 从下载的文件创建项目
- 从框架模板生成项目
- 使用Yeoman生成器创建项目
- 打开、重新打开和关闭项目
- 打开多个项目
- 保存项目为模板
- 清空系统缓存
- 重命名项目
- 文件和代码模板
- 解析指令
- 文件模板变量
- 创建和编辑文件模板
- 动态模板
- 简易、参数化和环绕模板
- 动态模板缩写
- 动态模板变量
- 动态模板组
- 创建和编辑动态模板
- 创建和编辑模板变量
- 分享动态模板
- 填充项目
- 创建目录
- 从模板创建文件
- 创建空文件
- 创建PHP类接口和特性
- 生成代码
- 使用动态模板创建代码结构
- 使用环绕模板创建代码结构
- 生成Getter和Setter
- 打开和移除语句
- 包住标签,应用环绕模板的例子
- 使用排列规则重新整理代码
- 用语言结构环绕代码块
- 使用后缀模板
- 代码补全
- 基本代码补全:补全名称和关键字
- 智能类型代码补全:基于输入信息补全代码
- 补全语句
- 补全路径
- 补全标点
- 补全标签名称
- 展开单词
- 使用建议列表
- 创建和优化导入
- 创建导入
- 优化导入
- 代码检查
- 访问检查设置
- 分析检查结果
- 配置检查严重性
- 改变当前文件高亮级别
- 自定义配置文件
- 禁用和启用检查
- 改变区块顺序
- 导出检查结果
- 解决问题
- 抑制检查
- 运行检查
- 通过名称运行检查
- 离线运行检查
- 自动应用快速修复
- 意向动作
- 应用意向动作
- 配置意向动作
- 禁用意向动作
- 查看页面Web内容
- 配置浏览器
- 在浏览器中预览页面Web内容
- 在编辑器中查看Web页面的HTML代码
- 查看参考信息
- 查看定义
- 查看内联文档
- 查看外部文档
- 查看方法参数信息
- 浏览源代码
- 使用书签跳转
- 管理书签
- 在文件和工具窗之间跳转
- 在IDE组件之间跳转
- 在方法和标签之间跳转
- 在测试和测试主题之间跳转
- 跳转到动作
- 跳转到大括号
- 根据名称跳转到类、文件或符号
- 跳转到自定义折叠区域
- 跳转到符号的声明或类型声明
- 跳转到超级方法或实现
- 跳转到文件路径
- 跳转到行
- 跳转到下一个或上一个更改
- 跳转到下一个或上一个错误
- 跳转到近期文件
- 跳转到已浏览项目
- 使用导航栏跳转
- 使用结构视图跳转
- 使用面包屑跳转
- 搜索代码
- 在文件中查找替换文本
- 在项目中查找替换文本
- 查找引用
- 在项目中查找引用
- 在当前文件查找引用
- 高亮引用
- 查看符号引用
- 查看近期查找引用
- 在插入符处查找词语
- 使用搜索结果
- 搜索全部
- 结构搜索和替换
- 搜索模板
- 结构搜索和替换-常规步骤
- 创建和编辑搜索模板
- 结构搜索和替换示例
- 重构代码
- 分析应用程序
- 运行调试配置
- 运行
- 调试
- 测试
- 代码覆盖率
- 服务端作业:拷贝文件
- 使用本地历史
- 版本控制概念
- 管理插件
- 管理任务和内容
- 使用命令行工具
- 使用文件观察者
- 使用嵌入式本地终端
- 从命令行启动PhpStorm特性
- 使用后台任务
- 使用语言注入
- 比较文件和文件夹
- 选择文件或文件夹
- 在PhpStorm和文件管理器之间复制粘贴
- 教程
- 参考
- 获取帮助