安裝Angular至Cloud9上 How to install Angular on Cloud9

首先，
第一步
創建一個Blank的Workspace

待創建好後
在Command Line
輸入以下命令以安裝最新版本的node

nvm install node

查看一下是否為最新版本

node -v

安裝npm至global，-g意旨global

npm install -g npm

安裝angular與其cli (Command Line Interface)

npm install -g @angular/cli

再來創建你的第一個App吧

ng new your-angular-app-name --routing

當你按下Enter後，會要你選擇CSS或是其他的style language
看你熟悉哪一個就選哪個囉

可以看到左邊自動生成了你的應用程式資料夾

接著讓我們來執行它
先進入該資料夾

cd your-anular-app-name

再來輸入執行server的命令
0.0.0.0是IP位置
8080是預設port
disableHostCheck為當你檔案變動時，會自動檢查重新整理網頁

ng serve --host 0.0.0.0 --port 8080 --disableHostCheck

看到這麼多綠色就表示你成功了

讓我們來看看頁面長甚麼樣子
點選上方的Preview -> Preview Running Application

第一次打開應用程式時
會有這個跟你說明的頁面
不用擔心按下Open the App就對了

你的第一個Angular App就完成啦！

BTW
每次重新開啟Workspace時
Cloud9很奇怪的是會重置node的版本
所以都需要在更新一次node和安裝angular cli

    nvm install node
    npm install -g @angular/cli