Angular入門教程 一 安裝配置及構建項目

Angular安裝配置

  1. 下載node并安裝，修改環(huán)境變量。
    下載地址： https://nodejs.org/en/download/
    查看 node 版本號： node -v
    查看 npm 版本號：npm -v
  2. 下載 python并安裝
  3. 安裝 typescript
npm install -g typescript

查看typescript版本號： tsc -v

  1. 安裝Angular cli
npm install -g @angular/cli

查看angular-cli版本號 ： ng version

  1. 安裝相關包
    注意：需要以管理員身份運行cmd，否則權限不夠會報錯。
npm i windows-build-tools

項目創(chuàng)建以及運行

  1. 項目創(chuàng)建
    首先確認好你想將項目創(chuàng)建在哪里，然后從終端進入該地址。
    執(zhí)行： ng new + 項目名稱
    example： ng new my-app
    創(chuàng)建項目

此外，提一句：如果在新建項目的時候跟--routing，會自動生成一個AppRoutingModule的模塊。
ng new my-app --routing

  1. 運行項目
    進入項目所在文件夾： cd my-app
    下載所需依賴： npm install
    運行項目： ng serve
    訪問 http://localhost:4200/， 如果能訪問到項目（如下圖），即搭建成功。
    項目展示

Angular 6 配置熱更新，翻到了某位大佬的詳細教程：
http://www.60sky.com/index.php/archives/60/

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容