【中后台前端】安利一个angular脚手架
2019-05-06 本文已影响5人
Allan_野草
前言
由于最近负责的APP项目进度放缓了,作为一名光荣的大前端开发人员,愉快地接手了公司后台前端的开发任务(好吧其实是,被合理地调动了人力资源)
最近项目一期也快完成了,结合自己使用的过程感受,抽时间写一篇文章,给大家安利一个基于angular的脚手架,还算好用。
这个脚手架是 Ng Alain。
体验
熟悉了这个脚手架后,像下面的这种页面+接api,我个人只需要1小时左右,可以完成:
![](https://img.haomeiwen.com/i1776769/19b46f3f89312e04.png)
看一下对应的html代码,总共38行:
![](https://img.haomeiwen.com/i1776769/a8975a14c1ba3dba.png)
当然了,我是通过自己写一个代码模板,复制粘贴改改的。体验就是,真快!
你需要知道
在使用这个脚手架之前,需要前置学习以下的:
-
typescript
给JS加上强制类型检查。
对一些变量函数,在编译期就会进行检查,减少出错。多人开发下也挺好用。
| 中文文档 | -
rxjs
异步编程库。
为异步/回调,提供了一系列的便捷方法。比如:两个异步请求,两者都完成后,再回调一个方法。
| 中文文档 | 英文文档 | -
angular
没错,脚手架是基于angular的。
目前前端三大流行库 React、Angular、Vue 之一。
| 中文文档 | -
ant design
阿里出品的UI库。
脚手架的组件,是对它的再封装。脚手架自带了这个库,在项目中也只可以直接使用。了解一下就行。
| 官方文档 |
再贴下脚手架的地址吧:Ng Alain 。来啊,快活啊 ~