話說(shuō)現(xiàn)在angular更新迭代太快了，從前幾年用angular版本去搭建項(xiàng)目時(shí)還是1.x版本，到現(xiàn)在都已經(jīng)是angular4.0了（直接跳過了3.0），由于公司要求用到angular4.0，所以就不能只是了解一下了，誰(shuí)讓我那么熱愛學(xué)習(xí)了（咳咳！此處有一個(gè)推眼鏡的動(dòng)作），廢話不多說(shuō)，直接上手，首先用到的工具會(huì)有
<b>angular4.0</b>、<b>angular-cli</b>、<b>npm(v3.10.8)</b>、<b>node(v6.2.0)</b>
上述node和npm包管理器版本是我本機(jī)的版本號(hào)，這個(gè)版本不要太低應(yīng)該都沒問題
接著，新建一個(gè)文件夾，隨便命名，我這里就起了一個(gè)angular4.0-demo，然后就可以愉快的安裝所需要的工具了。
<h4>第一步</h4>安裝全局的angular-cli， npm install -g @angular/cli
<h4>第二步</h4>查看各插件是否已經(jīng)安裝，ng -v會(huì)出來(lái)一堆東西，如第一個(gè)圖所示！
<h4>第三步</h4>生成項(xiàng)目 代碼為：<b>ng new 項(xiàng)目名稱</b>
<h4>第四步</h4>現(xiàn)在已經(jīng)創(chuàng)建完成了，cd進(jìn)入項(xiàng)目，會(huì)看到一些這樣的東西，說(shuō)明已經(jīng)創(chuàng)建完成了，接下來(lái)就是執(zhí)行項(xiàng)目就可以了，跟vue
2.0一樣，此時(shí)執(zhí)行用到的代碼為：ng serve --open（和vue的npm run dev效果是一樣，自動(dòng)監(jiān)聽修改內(nèi)容），這一點(diǎn)也是不同于angularjs（官方稱1.x為angularjs，過了2.0就直接稱為angular）
最后執(zhí)行完之后就會(huì)彈出來(lái)一個(gè)頁(yè)面，就是要生成的頁(yè)面了
好了，那么基本的搭建已經(jīng)完成了，去試試吧！有問題留言~看到回！
