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

liudafan · · 1596 次点击 · 开始浏览    置顶
这是一个创建于 的主题,其中的信息可能已经有所发展或是发生改变。

![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.该指令究竟会将一个装备好的模板复制到用户的本地目录中,这能够直接用于开发项目。 用东西 在互联网年代,学会组合运用各种东西来完成本人的目的,也是一种才干。这里有一个开发脚手架根底的包列表。

有疑问加站长微信联系(非本文作者)

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

1596 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传