Angular实战记录--创建工程

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/WRian_Ban/article/details/84183376

前言

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项目的神秘之处吧~(毛线的神秘,踩坑记录才对)

猜你喜欢

转载自blog.csdn.net/WRian_Ban/article/details/84183376