話說現(xiàn)在angular更新迭代太快了止潮，從前幾年用angular版本去搭建項目時還是1.x版本，到現(xiàn)在都已經(jīng)是angular4.0了（直接跳過了3.0），由于公司要求用到angular4.0辐赞，所以就不能只是了解一下了括享，誰讓我那么熱愛學(xué)習(xí)了（咳咳搂根！此處有一個推眼鏡的動作），廢話不多說铃辖，直接上手剩愧，首先用到的工具會有
<b>angular4.0</b>、<b>angular-cli</b>娇斩、<b>npm(v3.10.8)</b>仁卷、<b>node(v6.2.0)</b>
上述node和npm包管理器版本是我本機的版本號，這個版本不要太低應(yīng)該都沒問題
接著犬第，新建一個文件夾锦积，隨便命名，我這里就起了一個angular4.0-demo歉嗓，然后就可以愉快的安裝所需要的工具了丰介。
<h4>第一步</h4>安裝全局的angular-cli， npm install -g @angular/cli
<h4>第二步</h4>查看各插件是否已經(jīng)安裝遥椿，ng -v會出來一堆東西基矮，如第一個圖所示！
<h4>第三步</h4>生成項目 代碼為：<b>ng new 項目名稱</b>
<h4>第四步</h4>現(xiàn)在已經(jīng)創(chuàng)建完成了冠场，cd進入項目家浇，會看到一些這樣的東西，說明已經(jīng)創(chuàng)建完成了碴裙，接下來就是執(zhí)行項目就可以了钢悲，跟vue
2.0一樣点额，此時執(zhí)行用到的代碼為：ng serve --open（和vue的npm run dev效果是一樣，自動監(jiān)聽修改內(nèi)容）莺琳，這一點也是不同于angularjs（官方稱1.x為angularjs还棱，過了2.0就直接稱為angular）
最后執(zhí)行完之后就會彈出來一個頁面，就是要生成的頁面了
好了惭等，那么基本的搭建已經(jīng)完成了珍手，去試試吧！有問題留言~看到回辞做！
