前端工具类库繁多
Web技术经过数十年的发展,目前已经越来越强大 。前端相关开发框架和类库越来越多,早期的PrototypeJS、YUI、Mooltools、ExtJS、Dojo等风靡一时,后来jQuery独占鳌头,垄断了前端开发 。2010年左右Backbonek开始流行,近几年流行的有Angular以及React和Vue、Svelte等 。UI库就更多了,Bootstrap、Material Design、Ant Design、Element UI等,可谓非常繁荣,相关工具链就更多了 。
文章插图
前端开发需要工程化随着前端生态的繁荣发展,工具框架越来越多,让人眼花缭乱,目不暇接 。那么多框架、类库、工具该如何选择呢?如何搭配才是最优组合?
前端应用的代码规模也越来越大,如何组织代码是个难题 。模块划分、目录结构、分层职责以及数据流程等都需要清晰明了,否则随着时间积累代码就变得不可维护 。那代码该如何组织呢?或者前端工程化应该怎么做呢?
Letjs团队开发了前端工程化体系,定义了一套目录结构和分层体系,通过工具命令一键创建代码模板,专门解决前端工程化问题 。
Letjs是什么?Letjs是一套前端工程化开发体系,通过内置UI库和各种工具,帮助你快速创建前端工程代码,同时让你的代码更简单清晰、易于维护 。
Letjs能做什么?
Letjs就是来帮助前端开发更加体系化的,让前端更加清晰、简单、高效 。
- 帮助代码初始化 。前端框架眼花缭乱,代码初始化选择是个难题,这需要很多的经验 。Letjs帮你选择框架与类库 。
- 帮助代码分层 。代码缺乏分层约束,书写随意,时间一久就变得不易维护,代码混乱不堪 。Letjs帮你组织代码 。
- 增强规范和提升效率 。团队内部技术不统一,各种新技术和类库随意使用,项目不易维护和交接,且效率低下 。Letjs提供工具来帮助统一结构,并用工具来初始化代码,提升开发效率 。
文章插图
工程目录结构如下图所示,详细结构请参见Letjs工程代码和例子 。
文章插图
Letjs下载与使用使用Letjs初始化项目代码,请安装 letjs-cli 工具 。详见:letjs-cli安装指导
https://let-js.github.io/guide
cli安装
$ npm install -g @let-js/letjs-cli初始化工程
$ letjs init demo-App运行代码
$ npm install查看效果
$ npm run dev
文章插图
Letjs站点与源码
站点:https://let-js.github.io设计思想白皮书
源码:https://github.com/let-js
设计思想白皮书PDF:前端同学不妨试试这个脚手架,对于代码分层和代码规范都有帮助 。
https://github.com/let-js/docs
【什么是前端工程化?Letjs助你构建项目代码】
推荐阅读
- 什么是AOP,AOP能做什么?AOP的特点,Spring AOP的实现
- 什么是国密SSL证书?和普通SSL证书有什么区别?
- 为什么你创建百科总是审核不通过?
- 为什么选择 AWS 作为“架构完善的框架”?
- 我们都差点被ChatGPT骗了,但这也许是好事儿
- C++的数据类型
- 浏览器的作用不只是搜索、浏览网页,它还隐藏着这些功能
- 想买一台iphone商家不支持验机?一定是心里有鬼
- 陈情令|陈情令:莫玄羽有四个仇人,凭什么最痛恨金光瑶呢?
- 寡人是什么意思解释 寡人是什么意思