【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 typescript@2.2.2 typings
查看是否安装成功:tsc -v
      这里写图片描述

安装@angular/cli

用cnpm安装@angular/cli
      cnpm install –g @angular/cli@1.0.0
检查是否安装成功:
      这里写图片描述
此时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!
这里写图片描述

评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值