使用Angular CLI快速新建Angular项目

前提条件是已经成功安装 node.js 和npm包管理

  1. 安装Angular CLI
    使用npm 安装CLI
    command:
    npm install -g @angular/cli
    完成之后会在 Users/…/AppData/Roaming下生成 npm 和 npm-cache两个包
  2. 创建以及初始化
    ng new +项目名称创建项目,回车接受默认值
    ng new myapp
    执行命令结果如下
    这个命令会生成一些基本的文件
    • 一个新的工作区,根目录名叫 myapp
    • 一个初始的骨架应用项目(但位于 src 子目录下)
    • 一个端到端测试项目(位于e2e 子目录下)
    • 相关的配置文件
      在这里插入图片描述
      需要route时在创建的时候 Would you like to add Angular routing 输入yes,这样在 app下面就会多一个app-routing.module.ts文件
      在这里插入图片描述
      在这里插入图片描述
      但是在使用ng new 的过程中完成一些文件的创建,即create完成之后,它还会自动调用npm install命令,使用npm把对应的依赖包下载下来。这个时候请使用ctrl+C,进行中断,因为我们不需要使用使用npm自动安装,我们会稍后自己使用cnpm安装对应的依赖包(npm速度慢,而且有被墙的风险)

使用cnpm install添加依赖, 完成之后项目中多一个node_modules
使用ng serve 启服务
使用http://localhost:4200/访问
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值