Angular 開發環境配置 – Angular CLI安裝

Angular 提供了一個命令行工具，可以簡化我們的程序開發。我們今後的開發也會使用這一工具，因此我們需要首先安裝這個名爲 Angular CLI 的開發工具。

一    首先你需要安裝好nodejs

      nodejs

   下載安裝nodejs

       

           對於服務器和追求穩定的朋友，穩定性通常是第一考慮要素，因而 Node.js 推薦大多數用戶使用8.11.2 LTS 長期支持版

         這裏是學習使用，就使用最新版10.2.1

      win+r  輸入cmd   再輸入node -v  出現版本號說明安裝成功

二安裝nrm

        npm install -g nrm

install -g nrm意味着在全局安裝 nrm 模塊,用於切換npm的 Registry 的地址，獲得更快的下載速度

  切換到淘寶的鏡像,下載速度會快一些

nrm use taobao

nrm ls 前面有星號說明這是正在使用的鏡像地址

也可以選擇用yarn,使用 Yarn 替代 NPM

https://yarnpkg.com/zh-Hans/docs/install#windows-stable

下載安裝就行了，

三安裝Angular CLI

npm install -g @angular/cli

如果遇到ng不是內部或外部命令，也不是可運行的程序

需要更新一下npm，或者配置一下環境變量

npm install -g npm

再運行

yarn global add @angular /cli

yarn global add @angular /cli

四 新建工程

           下面我們來創建第一個示例工程，瞭解 Angular CLI 的基本使用

          cd F:

         cd到F盤不然會默認安裝到c盤

      ng new mydemo

     new是創建一個全新項目，後面的demo是項目的名字

       

  進入項目目錄

 cd mydemo

運行

      ng serve --open

然後打開瀏覽器輸入

localhost:4200就行了

參考文章：

https://www.devbean.net/2017/12/learning-angular-02-ng-cli/

https://blog.csdn.net/etemal_bright/article/details/79398631