Angular2環境搭建


一、環境准備:

先安裝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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM