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项目的神秘之处吧~(毛线的神秘,踩坑记录才对)
上一篇: WPF 因设置不期望的DataContext,导致的绑定异常
下一篇: JS实现AJAX请求_2
推荐阅读
-
golang中sync.Map并发创建、读取问题实战记录
-
【Web API系列教材】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(上)
-
【Web API系列教材】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(下)
-
【Web API系列教程】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(上)...
-
【Web API系列教材】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(上)
-
【Web API系列教材】1.3 — 实战:用ASP.NET Web API和Angular.js创建单页面应用程序(下)
-
golang中sync.Map并发创建、读取问题实战记录
-
Angular实战记录--创建工程
-
《R语言实战》学习记录:R语言介绍及创建数据集