使用Yeoman生成器創(chuàng)建項(xiàng)目

2018-10-09 16:36 更新
注意:此功能僅在Ultimate版本中受支持。

如果您要使用 Yeoman 生成器創(chuàng)建 IntelliJ IDEA項(xiàng)目,那么您需要確認(rèn)您在您的計(jì)算機(jī)中安裝并啟用了 Yeoman 和 Node.js 插件!

IntelliJ IDEA 支持與 Yeoman 工具的集成,并提供了在生成特定框架的項(xiàng)目存根時(shí)使用它的接口。

使用 Yeoman 生成器創(chuàng)建項(xiàng)目

  1. 下載并安裝 Node.js。需要兩個(gè)運(yùn)行環(huán)境:Yeoman 工具是通過 Node.js 啟動的;NPM 是運(yùn)行環(huán)境的一部分。這也是下載 Yeoman 工具的最簡單方法。
  2. 如果要使用命令行模式,請確保該 Node.js 可執(zhí)行文件到父文件夾的路徑和該 npm 文件夾的路徑將被添加到 PATH 變量中。這使您能夠從任何文件夾啟動Yeoman 工具和 npm。
  3. 確保 Yeoman 和 NodeJS 插件已安裝并啟用。該插件不與 IntelliJ IDEA 捆綁在一起,但可以從 JetBrains 插件庫中安裝,如安裝,更新和卸載存儲庫插件并且啟用和禁用插件。一旦啟用,插件可以在 IDE 級別使用,也就是說,您可以在所有 IntelliJ IDEA 項(xiàng)目中使用這些插件。

如何安裝 Yeoman

最簡單的安裝 Yeoman 的方法是使用節(jié)點(diǎn)包管理器(npm),它是 Node.js 的一部分。在一個(gè)項(xiàng)目中 Yeoman 可以同時(shí)安裝在全局或本地。建議您進(jìn)行全局安裝,因?yàn)樵谶@種情況下,您可以從任何文件夾 (而不是從其安裝文件夾) 運(yùn)行它。

IntelliJ IDEA 提供了全局和本地安裝模式的界面。或者,您可以通過命令行手動安裝 Yeoman。

使用 Node.js 和 NPM 頁面設(shè)置對話框安裝來自 IntelliJ IDEA 的 Yeoman:

  1. 通過按 Ctrl+Alt+S 或選擇 "設(shè)置/首選項(xiàng)" 對話框打開“File | Settings(文件|設(shè)置)”( Windows 和 Linux 中)或 (IntelliJ IDEA | Preferences)(在 macOS 系統(tǒng)中),然后單擊 "語言和框架" 下的 "Node.js 和 NPM"。
  2. 在打開的 Node.js 和 NPM 頁面中,Packages 區(qū)域顯示當(dāng)前在計(jì)算機(jī)上安裝的所有與 Node.js 相關(guān)的軟件包,包括全局的和在項(xiàng)目級別的。
  3. 在打開的 "可用包" 對話框中, 從列表中選擇 "yo" 包。
  4. 對于 "全局安裝", 請?jiān)谂赃叺奈谋究蛑羞x中 "選項(xiàng)" 復(fù)選框和 "類型 g"。
  5. 單擊 "安裝包" 開始安裝。

要從命令行運(yùn)行安裝:打開嵌入式終端 (查看 |工具窗口 |終端) ,并在命令提示符下鍵入 npm install -g yo,其中的 -g 意思是全局安裝。

配置項(xiàng)目存根生成器的列表

  1. 選擇文件|新|項(xiàng)目(File | New | Project)或單擊 "歡迎界面"上的 "新建項(xiàng)目"。在項(xiàng)目類別和選項(xiàng)對話框中,即 "新建項(xiàng)目" 向?qū)У牡谝豁?,在左?cè)的窗格中選擇 Yeoman 。
  2. 右側(cè)窗格顯示以前安裝的所有 Yeoman 生成器。單擊 "安裝生成器"。
  3. 從打開的對話框中顯示所有可用的生成器包,在左側(cè)窗格中選擇所需的包,然后單擊右側(cè)窗格中顯示的 Generator 按鈕。您可以在不離開對話框的情況下,一個(gè)接一個(gè)地安裝多個(gè)軟件包。安裝結(jié)束后,單擊“關(guān)閉”返回到已經(jīng)使用新添加的包擴(kuò)展的生成器列表。

由生成器創(chuàng)建 IntelliJ IDEA 項(xiàng)目

由生成器創(chuàng)建項(xiàng)目
選擇文件 |新 |項(xiàng)目在主菜單上或單擊 "歡迎" 屏幕上的 "新建項(xiàng)目" 按鈕。在 "項(xiàng)目類別和選項(xiàng)" 對話框 (即 "新建項(xiàng)目" 向?qū)У牡谝豁? 中, 在 "left-hand" 窗格中選擇 ""。右邊的窗格顯示了以前安裝的所有的自耕農(nóng)生成器。要展開列表, 請單擊 "安裝生成器", 請參閱上面的 "使用" 生成器創(chuàng)建項(xiàng)目。從列表中選擇所需的生成器, 然后單擊 "下一步"。在啟動的 "新建項(xiàng)目" 向?qū)е兄付ㄋ璧脑O(shè)置。頁面的數(shù)量及其內(nèi)容取決于所選的生成器。在向?qū)У淖詈笠豁撋? 選中或清除 "運(yùn)行 npm 安裝和鮑爾安裝" 復(fù)選框, 以指定是否要運(yùn)行節(jié)點(diǎn)包管理器和鮑爾來安裝開發(fā)新項(xiàng)目所需的包。單擊 "下一步", 然后選擇在當(dāng)前窗口中或新項(xiàng)目中打開新工程。

  1. 選擇文件|新|項(xiàng)目(File | New | Project)或單擊 "歡迎界面"上的 "新建項(xiàng)目"。在項(xiàng)目類別和選項(xiàng)對話框中,即 "新建項(xiàng)目" 向?qū)У牡谝豁?,在左?cè)的窗格中選擇 Yeoman 。
  2. 右側(cè)窗格顯示以前安裝的所有 Yeoman 生成器。單擊 "安裝生成器",請參閱上面的使用 Yeoman Generator 創(chuàng)建一個(gè)項(xiàng)目。從列表中選擇所需的生成器,然后單擊“下一步”。
  3. 在啟動的 "新建項(xiàng)目" 向?qū)е兄付ㄋ璧脑O(shè)置。頁面的數(shù)量及其內(nèi)容取決于所選擇的生成器。
  4. 在向?qū)У淖詈笠豁撋?,選擇或清除 "運(yùn)行 npm 安裝和 bower 安裝" 復(fù)選框以指定是否要運(yùn)行 節(jié)點(diǎn)包管理器和 Bower 來安裝開發(fā)新項(xiàng)目所需的軟件包。
  5. 點(diǎn)擊“下一步”,然后選擇在當(dāng)前窗口或新窗口中打開新項(xiàng)目。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號