angular2.0最新版環境搭建與常見問題

第一步:安裝Node.js,npm(安裝Node.js的時候自動就安裝了npm)


第二部:安裝npm,由於npm官網鏡像訪問太慢,我們使用淘寶的npm鏡像,在node命令窗口(windows的cmd、linux的終端)$ npm install -g cnpm --registry=https://registry.npm.taobao.org


第三部:設置淘寶鏡像,臨時切換npm源爲taobao源(速度快一點):npm config set registry https://registry.npm.taobao.org


第四部:安裝"@angular/cli腳手架,$npm install --save-dev @angular/cli@latest


如果之前安裝失敗一定要卸載乾淨1:npm uninstall -g @angular/cli,2:npm cache clean


第五:測試,輸入 ng -v,有版本信息說明安裝成功

wKioL1jeGJOQ9RLiAAAhVsag69s868.png-wh_50


第六:建立Angular2的項目,新建一個文件夾(young),然後命令行進入這個文件夾輸入ng new 項目名(ngtest)

wKioL1jeGy3CgHX2AAA8ckN0u_Y337.png-wh_50

這個過程可能會等一會兒(有可能很長時間,但是一定要有耐心),一直到出現下圖最後一行的提示,說明整個項目的框架搭建完成

wKioL1jeG4uzwL6LAAAQTTXZ9Fs398.png-wh_50

我們用webstrom打開項目,就可以看到框架包含很多內容,這樣也是使用AngularJS cli的好處,一句代碼,整個項目所有的環境,都幫你建立好了

wKiom1jeHB6SbJfgAADAv87FWvQ360.png-wh_50

第七:啓動項目,進入剛纔新建的angular2的項目目錄(ngtest),出現如圖箭頭所示表示成功

wKiom1jeHlHwntM8AAAwpZGnAz4905.png-wh_50

第八:不要關閉命令窗口,打開網頁,輸入:http://localhost:4200/,出現如圖所示,終於大功告成啦

wKioL1jeHpexESGJAABLjkyNUlA096.png-wh_50

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章