Angular4.x學習之路分享【1】--項目的框架搭建

首先說點題外的廢話，本人大四代碼狗，進入公司實習後，使用angular4框架開發公司項目，一開始我是一臉懵逼的，相信你能腦補這個畫面，由於當時我還停留在Angular JS階段，也就是1.0時代，隨着後續的學習接觸，我才知道這徹底是倆個框架啊，但話說回來，這個框架是真的好用啊，寶貝！話很少說，開始分享乾貨，這是一個持續分享的專題，我會慢慢更新後續，但願感興趣的小夥伴一塊兒討論交流~

1. 項目搭建前的準備工做

1、安裝node(本身去官網下載安裝，我就很少說了）
2、安裝項目腳手架angular cli，安裝命令爲

cnpm i -g @angular/cli

其中cnpm爲國內的淘寶鏡像，安裝速度會快一點，緣由嘛，你懂得，附上網址：https://npm.taobao.org/，好吧，就知道大家不會去看，附上安裝命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.建立你的angular項目

1、具體的指令爲：

ng new 項目名

好比說個人項目名叫project，那麼指令就是 ng new project
2、依賴包的安裝
1.進入到你的項目目錄中
2.安裝依賴：

cnpm install 或者yarn install

3、運行你的項目
一、具體指令爲：

ng serve --open

--open表示在你的瀏覽器中自動打開4200端口，懶人專用~愛用不用
二、運行成功的截圖以下：

結尾：好了到這裏整個angular4項目就搭建好了，是否是感受很容易，下一章我會分享一下整個項目的目錄結構，以及相關經常使用的指令，順便說一句，本人用的是vs code，玩angular你就用這個，不要問爲何，就是好用，最後貼上它的一些插件，隨你搭配吧，拜拜：