angular环境搭建、创建项目、运行项目

angular环境搭建、创建项目、运行项目

• 环境搭建
  1：准备工作
  安装最新版本的node.js，最好是安装node.js稳定版本
  2：安装cnpm
  npm安装angular可能会失败，所以最好安装一个cnpm，后面步骤会用到。一般采用淘宝镜像安装cnpm，以管理员的方式打开cmd，输入下面命令：
  npm install -g cnpm --registry=https://registry.npm.taobao.org
  输入命令：cnpm -v
  查看是否安装成功，安装成功画面如图所示：
  
  3：安装angular
  可以先试试不用cnpm安装angular，用npm方式安装angular，以管理员的方式打开cmd，输入下面命令：
  npm install -g @angular/cli
  用cnpm方式安装angular，以管理员的方式打开cmd，输入下面命令：
  cnpm install -g @angular/cli
  输入命令：ng v
  查看是否安装成功
  安装成功画面如图：
• 创建项目
  1：创建工作空间
  我是在E盘中创建了个文件夹angular7作为工作空间，如图：
  
  2：首先在cmd中进入E盘，输入命令：E:，按enter
  如图：
  
  3：进入你所创建的工作空间
  输入命令：cd angular7,按enter
  如图：
  
  4：创建项目
  输入命令：ng new 项目名，按enter
  如图所示：
  
  之后会出现如图所示的画面：
  
  它会问你是否要添加路由，因为我是初学者，所以还用不上，所以这里我选择的no，不过后面一般都是要选yes。
  然后会出现下面画面：
  
  这里我也不是很懂，我是跟着视频里面的老师选的，我们可以通过上下键进行选择，我是选择了scss。
  
  在它执行的过程中按Ctrl + C，就会出现如下画面

选择Y
然后执行操作，进入项目里面，如图所示

然后输入命令：cnpm install
就会添加项目所需要的依赖，这个过程需要点时间。
添加后如图所示：

这样你就可以在工作空间的里面看见这个项目了
如图所示：

• 运行项目
  1：在cmd中输入命令：ng serve --open
  另外默认浏览器最好别是IE，可能会打不开。
  输入后的画面如图所示：
  
  浏览器画面如图所示：
  
  然后整个过程就到此结束。