使用Yeoman生成器创建项目

PhpStorm支持集成Yeoman工具并提供接口来使用它生成框架特定项目。

在这个页面中:

开始之前

  1. 下载和安装Node.js,需要这个运行时环境有以下两个原因:

    • Yeoman工具由Node.js启动
    • NPM,是运行时环境的一部分,也是下载Yeoman工具很方便的途径。
  2. 如果你准备使用命令行模式,确保Node.js可执行文件父目录的路径和npm目录的路径添加到了PATH变量中。这可以让你在任意文件夹启动Yeoman工具和npm

  3. 确保YeomanNodeJs插件已经安装和启用。这些插件不是PhpStorm绑定的,但是你可以从JetBrains plugin repository中安装,参考安装、更新和卸载库插件启用和禁用插件章节的描述。一旦启用,这些插件将在IDE级别可用,这意味着,你可以在所有的PhpStorm项目中使用。

安装Yeoman

最简单安装Yeoman的方法是使用Node Package Manager (npm),这是Node.js的一部分。Yeoman可以被全局的或本地的安装,在项目中,推荐你全局安装,因为在这种情况下你可以在任意目录运行而不仅仅是在它的安装目录中。

PhpStorm提供全局和本地安装的接口。可选的,你也可以通过命令行手动安装Yeoman

要从PhpStorm安装Yaomen,在设置对话框使用Node.js and NPM页面:

  1. 打开设置参数对话框通过按Ctrl+Alt+S或选择File | Settings(Windows/Linux)/PhpStorm | Preferences(OS X),然后点击Languages&Frameworks下的Node.js and NPM
  2. 在打开的Node.js and NPM页面,Packages区域显示当前电脑安装的Nodejs依赖包,包含全局的和项目级别的,点击新增
  3. 在打开的Available Packages对话框,从列表中选择yo包。
  4. 在全局安装,选择Options复选框并在旁边的文本框输入-g
  5. 点击Install Package启动安装。

要从命令行运行安装:

  1. 通过将鼠标指针指向PhpStorm左下角的工作区显示按钮并从菜单中并选择Terminal来启动内置Terminal(更多详情参见使用嵌入式本地终端)
  2. 在命令行提示符处,输入以下命令:
  1. npm install -g yo
  2. `-g`意味着全局安装

配置项目存根生成列表

  1. 在主菜单选择File | New Project或在欢迎界面点击New Project新建项目对话框打开了:
  2. 在左侧面板选择Yeoman
  3. 在右侧面板显示之前安装的Yeoman生成器,点击Install Generator
  4. 在打开的对话框中展示所有可用的生成器包,选择在左侧面板选择所需的包并在右侧面板点击出现的Install Generator按钮。你可以不离开这个界面一个接着一个地安装若干个包。

    当安装完成后。点击Close来返回已经展开并显示新添加的包的生成器列表。

通过生成器生成项目

  1. 在主菜单选择File | New Project或在欢迎界面点击New Project新建项目对话框打开了:
  2. 在左侧面板选择Yeoman
  3. 在右侧面板显示之前安装的Yeoman生成器,要展开这个列表,点击Install Generator,参见上方的配置项目存根生成列表

    从列表中选择所需的生成器并点击Next

  4. 在启动的New Project引导页面中指定所需的设置。这些页面和页面包含的内容基于选择的生成器。

  5. 在引导的最后一个页面,选择或清除Run npm install&bower install复选框来指定你是否想运行Node Package ManagerBower来安装开发新项目所需的包。
  6. 点击Click并选择在当前窗口或新窗口打开这个新的项目。

另请参阅:

规程:

参考: