一、環境准備:
先安裝node,npm會與node一起安裝到環境中。
node准備
npm准備
二、安裝環境
首先安裝TS的
npm install -g typescript typings
為啥安裝它,ng2使用的開發語言是TS
接着安裝angular-cli,按照官方文檔嗦的,這是個工具,能夠幫你快速創建ng2的工程,做個工程空架子吧,可以省很多事.
npm install -g @angular/cli
如果想用cnpm的話,可以走如下步驟
npm i -g cnpm|cnpm i -g @angular/cli
第一次用npm下載是慢了點,但是樓主發現,創建的工程是可以重復利用的,為啥這么說?有兩種方式,一種就是你在new工程的時候,會卡頓安裝工程所需要的那個文件:node_models這個文件,蠻久的吧,要是每次創建工程都要等辣么久不是很生氣嗎~可以直接跳過安卓node_models這步,復制以前創建的工程的node——moelds文件,這是大漠窮秋老師的方法,另外一個呢,我可能比較懶,直接整個工程賦值了,改了一下名字也可以使用哈
三、angular-cli的使用
新建一個項目:
ng new 項目名
生成文件的目錄結構如下
然后啟動
cd angularProject ng serve(默認端口4200) --port 4201 可是設置啟動端口
然后在瀏覽器輸入默認的端口或者你設置的端口,就可以看到效果啦
有的時候會報錯。
You seem to not be depending on "@angular/core". This is an error.
執行
npm i-d
然后重新啟動,就可以看到如下效果
在地址欄輸入:
http://127.0.0.1:4200/
就可以看到以下界面
利用cnpm進行插件的安裝
npm i -g cnpm #安裝cnpm cnpm version #查看版本 cnpm i -g angular-cli #安裝angular-cli cnpm install #安裝插件 ng serve #啟動ng
如果網絡還是不順暢的話,安裝cnpm鏡像。
由於眾所周知的原因,http://npmjs.org 的站點訪問經常不是很順暢,這里給出一個由淘寶團隊維護的國內鏡像 http://npm.taobao.org/ 。安裝好node后,請輸入npm config set registry https://registry.npm.taobao.org