昨晚將初老師給的前端樣式模板Clever運行起來刃泡，我們打算使用的Clever中Angular4部分是用Angular CLI發(fā)布的碉怔，所以搭建環(huán)境步驟如下：
1.安裝Node.js禁添，沒有難度
2.安裝Git，雖然不一定必要（不知道是不是在其它安裝的軟件中已經(jīng)集成趴樱，但是還是顯式地安裝一下酪捡，起碼保證是最新版），沒有難度逛薇。
3.安裝Augular CLI，參考的文章是angular 2.0 關于新版angular-cli的應用
-
npm install -g cnpm這是用國內(nèi)源替換掉原生的安裝器永罚，具體網(wǎng)上可以隨便查到，阿里的源官扣。如果用原生的源可能會產(chǎn)生各種問題羞福。 -
cnpm install -g @angular/cli因為以前的angular包是用angular-cli去命名的，這里比較重要治专，需要重點區(qū)分一下。--save-dev這個參數(shù)我沒帶泪蔫，不知道會不會有什么說法喘批。 -
ng --version查看版本號 -
ng help幫助 -
ng new proj_name創(chuàng)建新的工程
4.安裝原工程
-
cnpm install這一步會生成node_modules文件夾，會把依賴全部下載下來 -
ng serve啟動服務器谤祖，在瀏覽器中訪問http://localhost:4200即可訪問老速。也可在命令中加入?yún)?shù)--port 8080來指定端口號。 - 這是開發(fā)環(huán)境橘券，所以好像并不能使用回環(huán)地址之外的地址去訪問卿吐，如果想在別的機器上訪問锋华，就需要將工程發(fā)布。
-
ng build命令會發(fā)布工程衍腥，在工程根目錄下生成dist目標目錄纳猫，將dist目錄復制到nginx服務器html目錄下就能使用nginx充當web服務器來訪問網(wǎng)站。
