这个angular脚手架,让我复制粘贴代码更加熟练... 拷贝就完事了!

前言

由于最近负责的APP项目进度放缓了,作为一名光荣的大前端开发人员,愉快地接手了公司后台前端的开发任务(好吧其实是,被合理地调动了人力资源)

最近项目一期也快完成了,结合自己使用的过程感受,抽时间写一篇文章,给大家安利一个基于angular的脚手架,还算好用。

这个脚手架是 Ng Alain。

体验

熟悉了这个脚手架后,像下面的这种页面+接api,我个人只需要1小时左右,可以完成:


这个angular脚手架,让我复制粘贴代码更加熟练... 拷贝就完事了!_第1张图片

看一下对应的html代码,总共38行:


这个angular脚手架,让我复制粘贴代码更加熟练... 拷贝就完事了!_第2张图片

当然了,我是通过自己写一个代码模板,复制粘贴改改的。体验就是,真快!

你需要知道

在使用这个脚手架之前,需要前置学习以下的:

  • typescript
    给JS加上强制类型检查。
    对一些变量函数,在编译期就会进行检查,减少出错。多人开发下也挺好用。
    | 中文文档 |

  • rxjs
    异步编程库。
    为异步/回调,提供了一系列的便捷方法。比如:两个异步请求,两者都完成后,再回调一个方法。
    | 中文文档 | 英文文档 |

  • angular
    没错,脚手架是基于angular的。
    目前前端三大流行库 React、Angular、Vue 之一。
    | 中文文档 |

  • ant design
    阿里出品的UI库。
    脚手架的组件,是对它的再封装。脚手架自带了这个库,在项目中也只可以直接使用。了解一下就行。
    | 官方文档 |

再贴下脚手架的地址吧:Ng Alain 。来啊,快活啊 ~

你可能感兴趣的:(这个angular脚手架,让我复制粘贴代码更加熟练... 拷贝就完事了!)