【前端早读课Live】手把手带你折腾前端脚手架

来源:互联网 发布:caffe 语义分割网络 编辑:程序博客网 时间:2024/05/21 07:07

前言

时隔半年之后,前端早读课 LIVE 第二期来了,本期邀请了 58 同城金融 @ 战楼童鞋带来的定制前端脚手架的分享。

自我介绍

@战楼 58同城金融的前端开发同学,热爱技术,喜欢折腾,偶尔写写小文。关注尖端前端技术,移动web 开发。

目标

基于node开发,定制属于自己的项目脚手架

本课程适用

爱折腾的小白前端 or 对node感兴趣的同学 or 想提高团队工作效率的Leader

关于课程的介绍

脚手架是一个前端团队必需品,它能让每个成员都快速的切入到业务中去,而无需关心驳杂的环境配置,还能够在团队人员切换时候承受最小的代价。

我们这次课程最终要实现的脚手架,已经在58金融的前端团队中,经过了使用,并检验过的。带给大家的将是一个经受住考验的框架。

脚手架的利好

  • 结构一致:整个团队工程项目结构的统一化,这样团队的每个项目 基本上代码结构都是相同,团队成员增减方面和接盘能力 大大提升

  • 规范一致:代码规范统一化,团队之间相互阅读代码的障碍大大减小,并且交接新人的成本也大大减小

  • 运行环境一致:不需要每个项目成员都要懂开发环境的配置,强大的脚手架已经帮大部分人搞定了开发环境,项目成员只需要专注于业务的开发就OK了

  • 工程化:不需要每个项目都在copy 其他项目的代码,而是自动生成一套 全新的、高扩展性的工程模板

目录大纲

第一讲 (下周二 11.07 晚八点半)

  • 启动命令原理示例

  • 简单的shell交互和文件操作

  • yeoman generator的使用

  • generator-flash的简单介绍

第二讲(下周四 11.09 晚八点半)

  • react模板工程的分类

  • 扩展一般webpack配置的兼容性

  • 为模板工程添加语法糖

  • 数据mock功能的开发

  • 组件中关于readme的统一化

每一讲大概一个小时,最后有半个小时的答疑

形式:语音直播(图片、文字)

有兴趣的童鞋可以长按下方的二维码 或者 点击点击 文末阅读原文。

原创粉丝点击