欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Angular实战记录--创建工程

程序员文章站 2022-04-10 14:38:09
...

前言

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

相关标签: angular