Angular安裝配置
- 下載node并安裝潮太,修改環(huán)境變量世剖。
下載地址: https://nodejs.org/en/download/
查看 node 版本號:node -v
查看 npm 版本號:npm -v
- 下載 python并安裝
- 安裝 typescript
npm install -g typescript
查看typescript版本號: tsc -v
- 安裝Angular cli
npm install -g @angular/cli
查看angular-cli版本號 : ng version
- 安裝相關(guān)包
注意:需要以管理員身份運(yùn)行cmd恨统,否則權(quán)限不夠會(huì)報(bào)錯(cuò)。
npm i windows-build-tools
項(xiàng)目創(chuàng)建以及運(yùn)行
- 項(xiàng)目創(chuàng)建
首先確認(rèn)好你想將項(xiàng)目創(chuàng)建在哪里茬斧,然后從終端進(jìn)入該地址吧寺。
執(zhí)行:ng new
+ 項(xiàng)目名稱
example:ng new my-app
創(chuàng)建項(xiàng)目
此外,提一句:如果在新建項(xiàng)目的時(shí)候跟--routing
橄仍,會(huì)自動(dòng)生成一個(gè)AppRoutingModule的模塊韧涨。
ng new my-app --routing
- 運(yùn)行項(xiàng)目
進(jìn)入項(xiàng)目所在文件夾:cd my-app
下載所需依賴:npm install
運(yùn)行項(xiàng)目:ng serve
訪問 http://localhost:4200/, 如果能訪問到項(xiàng)目(如下圖)侮繁,即搭建成功虑粥。
項(xiàng)目展示
Angular 6 配置熱更新,翻到了某位大佬的詳細(xì)教程:
http://www.60sky.com/index.php/archives/60/