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