Angular CLI 的安装与使用

安装

$ npm install -g @angular/cli
(由于我最开始的NodeJS的版本为v8开头的版本,所以安装报错,查询的时候显示的是v8版本的还不能够支持angular,于是我就重新去官网下载了最新稳定的版本,安装angular成功。需要注意的无非就是NodeJS的版本问题了,要不然去查错得查老半天。)
在这里插入图片描述

使用
  1. 创建一个新的工作空间
    有两种方法:

    1. $ ng new my-app(名称)(这种方法会在创建项目的时候自动使用npm来安装依赖,花的时间会稍微长一点)

    2.  $ ng new my-app --skip-install
       $ cd my-app
       $ cnpm install
      

      (–skip-install是阻止npm安装依赖,这种方法是自己使用cnpm 来安装依赖,速度会稍微快一点)

  2. 启动项目
    $ ng serve
    启动的时候可以自定义端口
    $ ng serve --port 4201(端口号)

  3. 在项目中生成文件(常用的两种)

    1. 组件类型:
      $ng g component test(组件名称)
      之后在app.component.html文件中将组件引用进去即可
      在这里插入图片描述
    2. 服务类型
  4. 打包

    1. 开发模式
      $ ng build
      预编译(渲染)(这种方式打包用时会稍微长一点)
      $ ng build --aot(-aot都可以)
    2. 生产模式
      $ ng build -prod
      (* ^ - ^ *)就可以啦~
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值