Angular4.0环境搭建详解--windows系统环境
第一步:安裝NodeJS
下載最新版的NodeJS并安裝,安裝完成后打開CMD命令行,輸入以下命令:
node -v
若返回類似版本號則代表NodeJS安裝成功,如下:
?
第二部 安裝npm
新版的NodeJS已經(jīng)自帶了npm
直接輸入以下命令:
npm -v
若返回類似版本號則代表npm已安裝
第三步 全局安裝?Angular CLI?命令工具
在cmd命令行輸入以下命令:
npm install -g @angular/cli
安裝需要一段時間,請耐心等待!
安裝完畢后,輸入以下命令:
ng help
若出現(xiàn)類似下圖的界面則代表Angular CLI安裝成功
第四步 創(chuàng)建Angular項目
運行下列命令來生成一個名為APP的新項目以及應(yīng)用的骨架代碼:
ng new APP
生成新項目需要一段時間,請耐心等待!
在網(wǎng)絡(luò)不穩(wěn)定的情況下,有可能會創(chuàng)建失敗!
如果出現(xiàn)下圖界面,則代表項目創(chuàng)建成功:
第五步 啟動項目
在命令行輸入以下命令:
cd APP
ng serve --open
ng serve命令會啟動開發(fā)服務(wù)器,監(jiān)聽文件變化,并在修改這些文件時重新構(gòu)建此應(yīng)用。
使用--open(或-o)參數(shù)可以自動打開瀏覽器并訪問http://localhost:4200/。
?
總結(jié):到這里Angular 環(huán)境搭建已經(jīng)全部完成!
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/webwangjie/p/7115297.html
總結(jié)
以上是生活随笔為你收集整理的Angular4.0环境搭建详解--windows系统环境的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浅谈网站遇到问题时的解决办法及提问技巧
- 下一篇: 全球最大的多晶硅制造商保利协鑫去年营收2