首页 > 其他分享 >自主搭建5个精品脚手架,玩转前端提效

自主搭建5个精品脚手架,玩转前端提效

时间:2022-12-15 22:32:29浏览次数:35  
标签:项目 技术 脚手架 目录 指令 玩转 提效 运用

今日给大家带来的是前端脚手架的树立流程。我一定是参考了许多大佬的博客和相关视频来树立脚手架的。最后我本人做,才气融会贯穿。

企业开展中的问题 东西的呈现必然会处置这样或那样的问题。作者罗列了一些个人阅历。

技术仓库不共同。在公司的项目中,运用的技术栈都是精选的,不是单一技术而是多种技术的集成。每次增加新技术时,都需求停止装备,有时或许需求从头打包。 没有堆积物。每个项目组依据本人的产品线,常常会堆积一些常用的办法和类(比方时辰转换、交互数据格式等。). 项目目录不标准,很难维护他人的代码。 每次打包,布置,修正脚本。 综上,反复做的工作太多,没有标准和引导。 脚手架能做什么? 项目团队的共同技术仓库,预先装备的相关文档,开箱即用。比方在运用React时,需求将React的全族桶引入到项目中,并停止相应的装备(react-router,redux...). 事务通用的办法和库不需求每次都手工移植。 共同的项目目录构造,便当开发者协作开发,对新人友爱。 完成前端工程化。 树立想法 我们有必要运用官方的脚手架,如create-react-app或vue-cli。内存运用: 创立-反响-运用程序我的运用程序 // vue创立我的运用 我\/,itcodaba 进入my-app目录,从package.json文件中找到对应的指令,实行它来开发本人的项目。 让我们在这里笼统整个进程: 1.首要,经过npm装置了一个包(脚手架)。 2.这个包里有一个可实行文件,能够全局(或非全局)实行相应的指令。 3.实行该指令将捕获用户输入的信息并与用户交互。 4.该指令究竟会将一个装备好的模板复制到用户的本地目录中,这能够直接用于开发项目。

用东西 在互联网年代,学会组合运用各种东西来完成本人的目的,也是一种才干。这里有一个开发脚手架根底的包列表。


标签:项目,技术,脚手架,目录,指令,玩转,提效,运用
From: https://blog.51cto.com/u_15911090/5946574

相关文章