Angular实战记录--创建工程

前言

Angular已经成熟到自有构建工具的地步,无奈之下接触angular的我还是尤为激动的。官网的Heroes小项目跑一遍下来,基本上就上手了。
懒一点的小伙伴可以直接下载官网的程序包angular-quickly-start(这是我自己跟着跑一遍的代码哈,不是官方下载滴,也可以在这个基础上进行修改,变成自己的项目架构),跑一跑,理一理,基本就可以上手开发啦。对于像我这样的初等选手,我还是打算把入门秘籍写一写,大家都少走一点弯路。生命有限,不容浪费。


安装 Angular CLI

首先呢,你的环境务必备好Nodejs,npm,这是前端开发的标配,安装教程也是一抓一大把,在此不必赘述了。
安装Angular CLI

npm install -g @angular/cli

官网如是说:

用 Angular CLI 来创建项目、创建应用和库代码,并执行多种开发任务,比如测试、打包和发布

简言之呢,你有了他,就不必惦记webpack了,webpack能做的他也可以,甚至更加傻瓜。

创建你的项目工程

my-app是你的工程名字,可以自己配置。

ng new my-app

github上clone下的包,直接

npm install

开启服务

以上你已经拥有了开发工具,也有了项目,那就让项目跑起来吧。

ng serve --open

后记

这是一个非常简单的入门手册,接下来一起揭秘Angular项目的神秘之处吧~(毛线的神秘,踩坑记录才对)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值