【Angular】安装Angular—cli

下载node.js

下载后是个.msi文件
      这里写图片描述
检查是否安装成功:node -v
      这里写图片描述
node.js简单来说:就是运行在服务端的JavaScript

安装npm

安装cnpm:
      npm install cnpm -g --registry=https://registry.npm.taobao.org
检查是否安装成功:cnpm -v
             这里写图片描述

由于npm安装插件是从国外服务器下载,网络原因,可能下载慢或网络异常,这是淘宝团队生产了一个完整的npmjs.org镜像,但是用cnpm代替了npm,只是名称改了一下,用法cnpm和npm一样,所以安装cnpm后,凡是用到npm的地方都用cnpm

安装typescript和typings

用cnpm安装typescript和typings
      cnpm install –g [email protected] typings
查看是否安装成功:tsc -v
      这里写图片描述

安装@angular/cli

用cnpm安装@angular/cli
      cnpm install –g @angular/[email protected]
检查是否安装成功:
      这里写图片描述
此时Angular-cli已安装成功,可以运行angular项目了

创建ng项目

      ng new angular-test

下载项目依赖的node.js包

      cnpm install
(次步必须保证是在你所创建的项目下)

启动ng项目

      cnpm startng serve
启动后显示:
       app works!
为什么每初建一个ng项目启动后,都显示app works!因为默认情况下,在app.component.ts的组件中默认title是app works!
这里写图片描述