CodeMix和Angular IDE中包含了Angular支持，而正版MyEclipse許可證包括對(duì)CodeMix的訪問(wèn)。

優(yōu)惠購(gòu)買CodeMix    優(yōu)惠購(gòu)買MyEclipse

命令行界面

以前大多數(shù)Web開發(fā)都是使用IDE中提供的高級(jí)圖形界面或諸如簡(jiǎn)單文本編輯器之類的基本工具進(jìn)行的，無(wú)論您是要編寫代碼、部署應(yīng)用程序還是將某些內(nèi)容檢入到版本控制中系統(tǒng)。

近幾年，命令行界面（CLI）的開發(fā)和使用又開始復(fù)蘇。在許多情況下，CLI提供的靈活性超過(guò)了圖形界面可以提供的靈活性。例如，大多數(shù)使用諸如CVS之類的舊版本控制系統(tǒng)的用戶都將使用圖形界面，但是對(duì)于諸如Git之類的現(xiàn)代VCS，使用命令行是普遍存在的。同樣，現(xiàn)代Web開發(fā)在很大程度上依賴于CLIs的使用，以處理從搭建新應(yīng)用程序、生成應(yīng)用程序組件到部署它來(lái)進(jìn)行測(cè)試的所有工作。

Angular IDE與CLI結(jié)合使用，可為您提供最佳的圖形和命令行環(huán)境，您將從直觀的界面和靈活的命令行中受益。 

使用的工具

• ng——Angular CLI節(jié)點(diǎn)軟件包
• Node.js和npm——Node運(yùn)行ng;npm管理Node包依賴關(guān)系
• Bash——ng具有必須在Bash Shell中處理的高級(jí)命令

Angular IDE不依賴系統(tǒng)上存在的任何工具，而是根據(jù)需要自動(dòng)下載它們。

注意：在Windows上，本機(jī)終端無(wú)法處理某些ng命令，因此如果尚未安裝Git-Bash，建議將下載并安裝它。

創(chuàng)建一個(gè)新項(xiàng)目

首次創(chuàng)建Angular項(xiàng)目時(shí)，Angular IDE會(huì)確保在您的系統(tǒng)中可以使用上一節(jié)中提到的所有工具。您可能需要等待一段時(shí)間，因為Git Bash（在Windows上）已下載，并且已下載在項(xiàng)目創(chuàng)建向?qū)е羞x擇的Node、npm和Angular CLI的版本。您可以在Terminal +視圖中查看下載進(jìn)度。

注意：可能需要下載約80 MB的工具，因此所需時(shí)間可能會(huì)因Internet連接速度而異。下載后，這些文件將被緩存，這樣即使您切換到其他工作空間，在此系統(tǒng)上使用相同版本創(chuàng)建的后續(xù)項(xiàng)目也無(wú)需下載。

CodeMix安裝教程   

項(xiàng)目初始化命令

下載工具后，將執(zhí)行以下命令來(lái)初始化項(xiàng)目：

注意：ng init命令還會(huì)下載Angular應(yīng)用程序需要運(yùn)行的其他依賴項(xiàng)，具體下載時(shí)間取決于您的Internet連接速度。

使用Terminal +

Terminal +視圖是一個(gè)智能的本地shell，具有項(xiàng)目上下文感知功能。選擇項(xiàng)目時(shí)，Angular IDE確保將節(jié)點(diǎn)、npm和ng（取決于這個(gè)項(xiàng)目的設(shè)置）的正確版本添加到PATH中，以便在執(zhí)行ng、npm或node命令時(shí)，這些版本將使用在項(xiàng)目創(chuàng)建期間選擇的工具。注意，您可以從項(xiàng)目的“Terminal”屬性頁(yè)面更改這些版本?！霸陧?xiàng)目中使用不同版本而導(dǎo)致不兼容”的情況不會(huì)發(fā)生，所以您可以在不同項(xiàng)目中輕松使用這些工具的多個(gè)版本。

生成Angular元素

使用向?qū)?lái)生成Angular元素，比如組件、指令、保護(hù)、模塊、管道和服務(wù)。這些向?qū)?zhí)行相應(yīng)的ng命令來(lái)生成元素。

例如，要生成名為MyComponent的組件，在Terminal+中執(zhí)行以下命令：

ng generate component MyComponent

通常，使用為該項(xiàng)目設(shè)置的ng版本在正確的上下文中執(zhí)行命令。

您可以使用幾個(gè)其他開關(guān)來(lái)自定義生成。例如-inline-template，它以內(nèi)聯(lián)方式（而不是在單獨(dú)的文件中）創(chuàng)建模板HTML標(biāo)記，這是默認(rèn)的行為。除了向?qū)еС值墓δ苤猓€可以使用Terminal +視圖生成Angular類、接口，enums和路線。

部署Angular應(yīng)用程序

要部署應(yīng)用程序進(jìn)行測(cè)試，請(qǐng)右鍵單擊該項(xiàng)目，然后從上下文菜單中選擇“As/Debug As”>“Angular Web Application”，或者從“Servers”視圖進(jìn)行部署。展開Web Applications，選擇項(xiàng)目，右鍵單擊并從上下文菜單中選擇“Start Server”，或單擊“Start”按鈕。

用于本地部署應(yīng)用程序的基本命令是：

ng serve