1.用xshell連線伺服器

2.放置壓縮檔案

用winscp或者xftp將本地下載好的jdk 壓縮包 nodejs壓縮包 和NGINX壓縮包放到伺服器的/usr/local下。或者用wget命令直接下載三個檔案。

3.解壓三個壓縮包

tar xvJf ***.tar.xz         //解壓tar.xz格式檔案

tar -xzvf ***.tar.gz      //來解壓tar.gz格式檔案

輸入命令 cd /usr/local 定位到當前資料夾下，然後用以下命令先後解壓三個壓縮包：

tar xvJf node-v6.10.3-linux-x64.tar.xz

tar -xzvf nginx-1.13.5.tar.gz

jdk-8u144-linux-x64.tar.gz 

4. 配置jdk 和 node js環境變數,

Angular基於node.js，所以要先安裝node.js環境

（1）配置nodejs環境變數

①輸入vi /etc/profile，開啟profile這個檔案，然後按下“i”進入可編輯狀態,輸入如下配置資訊，然後按下“esc”,輸入 “:wq”,回車退出，即為環境變數設定完畢。（整個過程在英文狀態下）

export NODE_HOME=/usr/local/node-v6.10.3-linux-x64

export PATH=$PATH:$NODE_HOME/bin

exportNODE_PATH=$NODE_HOME/lib/node_modules

配置如下圖示：注意nodejs的版本號和檔案位置問題

 ②使配置的環境變數生效輸入命令： source /etc/profile

③生效後檢視版本號：node -v

（2）配置jdk環境變數

①和nodejs類似，輸入命令vi /etc/profile，開啟profile這個檔案，然後按下“i”,進入可編輯狀態，輸入如下配置資訊，然後按下“esc”,輸入 “:wq”,回車退出，即為環境變數設定完畢。（整個過程在英文狀態下）

JAVA_HOME=/usr/local/jdk

CLASSPATH=$JAVA_HOME/lib/

PATH=$PATH:$JAVA_HOME/bin

exportPATH JAVA_HOME CLASSPATH

這裡請注意解壓之後的資料夾路徑與名稱必須與環境中的java_home設定保持一致。

②使環境變數生效命令：source /etc/profile

③檢視版本號：java -version

（3） 配置環境變數成功

這塊配置環境變數的過程命令如下圖示表示配置成功

5.安裝angular依賴包和命令列工具

（1）全域性安裝cnpm命令：npm install -g cnpm

 檢視版本號：cnpm -v

PS:由於npm安裝外掛是從國外伺服器下載，受網路影響很大，可能出現異常，繼而淘寶團隊生產一個完整的npmjs.org映象，用cnpm代替npm,cnpm與nodejs的npm用法一致,只是在執行命令時，將npm改為cnpm 

（2）安裝typescript和typings

PS:angular-cli是用typescript寫的，所以需要安裝typescript和typings執行完畢之後，檢視版本確定是否安裝成功，在命令提示符中直接輸入：tsc–v，出現版本號，即為安裝成功

（3）全域性安裝@angular/cli工具：cnpm install @angular/cli -g

 
檢視版本，驗證是否成功,出現angular cli圖示表明angular 環境搭建成功，命令：ng version  (安裝此工具以便可以使用ng命令進行專案構建)

6.Nginx安裝

送一扇傳送門，詳見地址，這裡不做贅述。

到這裡大家已經把執行Angular專案的環境搭建成功。

未完待續。。。