翻譯|使用教程|編輯:陳津勇|2020-01-02 10:47:14.383|閱讀 807 次
概述:近幾年,命令行界面(CLI)的開發和使用開始復蘇,Angular IDE集成了Angular、npm和Node的命令行界面(CLI)。通過Java開發工具MyEclipse正版授權可免費使用CodeMix,并使用其中Angular支持的系列功能。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
CodeMix和Angular IDE中包含了Angular支持,而正版MyEclipse許可證包括對CodeMix的訪問。
命令行界面
以前大多數Web開發都是使用IDE中提供的高級圖形界面或諸如簡單文本編輯器之類的基本工具進行的,無論您是要編寫代碼、部署應用程序還是將某些內容檢入到版本控制中系統。
近幾年,命令行界面(CLI)的開發和使用又開始復蘇。在許多情況下,CLI提供的靈活性超過了圖形界面可以提供的靈活性。例如,大多數使用諸如CVS之類的舊版本控制系統的用戶都將使用圖形界面,但是對于諸如Git之類的現代VCS,使用命令行是普遍存在的。同樣,現代Web開發在很大程度上依賴于CLIs的使用,以處理從搭建新應用程序、生成應用程序組件到部署它來進行測試的所有工作。
Angular IDE與CLI結合使用,可為您提供最佳的圖形和命令行環境,您將從直觀的界面和靈活的命令行中受益。
使用的工具
Angular IDE不依賴系統上存在的任何工具,而是根據需要自動下載它們。
注意:在Windows上,本機終端無法處理某些ng命令,因此如果尚未安裝Git-Bash,建議將下載并安裝它。
創建一個新項目
首次創建Angular項目時,Angular IDE會確保在您的系統中可以使用上一節中提到的所有工具。您可能需要等待一段時間,因為Git Bash(在Windows上)已下載,并且已下載在項目創建向導中選擇的Node、npm和Angular CLI的版本。您可以在Terminal +視圖中查看下載進度。
注意:可能需要下載約80 MB的工具,因此所需時間可能會因Internet連接速度而異。下載后,這些文件將被緩存,這樣即使您切換到其他工作空間,在此系統上使用相同版本創建的后續項目也無需下載。
項目初始化命令
下載工具后,將執行以下命令來初始化項目:
注意:ng init命令還會下載Angular應用程序需要運行的其他依賴項,具體下載時間取決于您的Internet連接速度。
使用Terminal +
Terminal +視圖是一個智能的本地shell,具有項目上下文感知功能。選擇項目時,Angular IDE確保將節點、npm和ng(取決于這個項目的設置)的正確版本添加到PATH中,以便在執行ng、npm或node命令時,這些版本將使用在項目創建期間選擇的工具。注意,您可以從項目的“Terminal”屬性頁面更改這些版本?!霸陧椖恐惺褂貌煌姹径鴮е虏患嫒荨钡那闆r不會發生,所以您可以在不同項目中輕松使用這些工具的多個版本。
生成Angular元素
使用向導來生成Angular元素,比如組件、指令、保護、模塊、管道和服務。這些向導執行相應的ng命令來生成元素。
使用CodeMix編寫的Angular IDE中的Angular CLI組件向導:
例如,要生成名為MyComponent的組件,在Terminal+中執行以下命令:
ng generate component MyComponent
通常,使用為該項目設置的ng版本在正確的上下文中執行命令。
您可以使用幾個其他開關來自定義生成。例如-inline-template,它以內聯方式(而不是在單獨的文件中)創建模板HTML標記,這是默認的行為。除了向導支持的功能之外,您還可以使用Terminal +視圖生成Angular類、接口,enums和路線。
部署Angular應用程序
要部署應用程序進行測試,請右鍵單擊該項目,然后從上下文菜單中選擇“As/Debug As”>“Angular Web Application”,或者從“Servers”視圖進行部署。展開Web Applications,選擇項目,右鍵單擊并從上下文菜單中選擇“Start Server”,或單擊“Start”按鈕。
用于本地部署應用程序的基本命令是:
ng serve
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: