使用Yeoman生成器創建項目 · phpstorm手冊

# 使用Yeoman生成器創建項目 PhpStorm支持集成[Yeoman](http://yeoman.io/)工具并提供接口來使用它生成框架特定項目。在這個頁面中： * [開始之前](#開始之前) * [安裝Yeoman](#安裝Yeoman) * [配置項目存根生成列表](#配置項目存根生成列表) * [通過生成器生成項目](#通過生成器生成項目) ## 開始之前 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項目中使用。 ## 安裝Yeoman 最簡單安裝**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`意味著全局安裝 ## 配置項目存根生成列表 1. 在主菜單選擇**File | New Project**或在歡迎界面點擊**New Project**。[新建項目對話框](/參考/對話框/新建項目對話框.md)打開了: 2. 在左側面板選擇**Yeoman**。 3. 在右側面板顯示之前安裝的[Yeoman生成器](http://yeoman.io/generators/)，點擊**Install Generator**。 4. 在打開的對話框中展示所有可用的生成器包，選擇在左側面板選擇所需的包并在右側面板點擊出現的**Install Generator**按鈕。你可以不離開這個界面一個接著一個地安裝若干個包。當安裝完成后。點擊**Close**來返回已經展開并顯示新添加的包的生成器列表。 ## 通過生成器生成項目 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)