除了前一篇文章介紹的Angular Seed之外,另外一個Angular Cli,也就是AngularJS的命令列網站開發版本也非常簡便好用。假設你已經在你的電腦中安裝了nodejs以及npm之後,接下來只要使用以下的指令即可完成angular cli的安裝:

C:\>npm install -g @angular/cli

輸入完畢之後過了一段不算短的時間之後即可完成安裝,畫面如下:

之後就可以利用以下的指令建立一個新的專案:

C:\>ng new <my new project>

當然上述的<my new project>指的是你要建立的新專案名稱,它會以這個名稱建立一個目錄,然後把必要的檔案都複製到那裡面去,目錄內容大約是以下這個樣子:

切換到這個目錄之下,再執行以下的指令就可以了:

C:\>cd myapp
C:\myapp>ng serve

執行之後的畫面如下所示:

它預設使用的Port是4200,因此我們如果開啟瀏覽器連結到http://localhost:4200,就可以看到以下的畫面了:

之後我們在src目錄下的index.html中對於檔案有任何的編輯操作,在一存檔之後,這個網頁馬上就會被重新整理,非常方便喔。