![image.png](https://static.golangjob.cn/221011/82d2ea449ee10e7bf4bc7a68898e64a4.png)
自主搭建5个精品脚手架,玩转前端提效
下栽地止:https://www.ubkz.com
今日给大家带来的是前端脚手架的树立流程。我一定是参考了许多大佬的博客和相关视频来树立脚手架的。最后我本人做,才气融会贯穿。
企业开展中的问题
东西的呈现必然会处置这样或那样的问题。作者罗列了一些个人阅历。
技术仓库不共同。在公司的项目中,运用的技术栈都是精选的,不是单一技术而是多种技术的集成。每次增加新技术时,都需求停止装备,有时或许需求从头打包。
没有堆积物。每个项目组依据本人的产品线,常常会堆积一些常用的办法和类(比方时辰转换、交互数据格式等。).
项目目录不标准,很难维护他人的代码。
每次打包,布置,修正脚本。
综上,反复做的工作太多,没有标准和引导。
脚手架能做什么?
项目团队的共同技术仓库,预先装备的相关文档,开箱即用。比方在运用React时,需求将React的全族桶引入到项目中,并停止相应的装备(react-router,redux...).
事务通用的办法和库不需求每次都手工移植。
共同的项目目录构造,便当开发者协作开发,对新人友爱。
完成前端工程化。
树立想法
我们有必要运用官方的脚手架,如create-react-app或vue-cli。内存运用:
创立-反响-运用程序我的运用程序
// vue创立我的运用
我\/,2268731
进入my-app目录,从package.json文件中找到对应的指令,实行它来开发本人的项目。
让我们在这里笼统整个进程:
1.首要,经过npm装置了一个包(脚手架)。
2.这个包里有一个可实行文件,能够全局(或非全局)实行相应的指令。
3.实行该指令将捕获用户输入的信息并与用户交互。
4.该指令究竟会将一个装备好的模板复制到用户的本地目录中,这能够直接用于开发项目。
用东西
在互联网年代,学会组合运用各种东西来完成本人的目的,也是一种才干。这里有一个开发脚手架根底的包列表。
有疑问加站长微信联系(非本文作者)