为了账号安全,请及时绑定邮箱和手机立即绑定

玩转组件库搭建全流程

郭小新 Web前端工程师
难度入门
时长 2小时46分
学习人数
综合评分10.00
0人评价 查看评价
10.0 内容实用
10.0 简洁易懂
10.0 逻辑清晰
简介:Hello~各位同学大家好~本课程是一个免费的实战项目,通过图文+视频的多元教学方式,带大家从零实现一个Vue的组件库。 组件库是软件开源协同的一个典型。利用文档完善,代码健全的高质量组件库,前端工程师们可以快速搭建UI,从而大大提升工作效率,节约人力成本。

第1章 课程介绍

本章节主要介绍课程目标,课程大纲,相关知识点及学习建议。

第2章 从搭建一个vue项目开始

本章节主要介绍如何用脚手架vue-cli搭建一个vue组件库项目,以及先实现并跑通一个demo组件。

第3章 一个卡片组件的诞生

本章节主要介绍卡片组件的设计流程,包括组件api的设计、组件模板和样式的实现、以及逻辑实现。

第4章 打包你的组件库

本章节主要介绍前端模块化的演进(amd、commonjs、umd)、如何用webpack打包组件库的js代码、以及如何用gulp打包样式代码。

第5章 发布你的组件库

本章节主要介绍如何发布组件库到 npm 上。

第7章 课程回顾与总结

本章节主要带着同学们回顾一遍课程,包括课程的重难点、技术点以及一些扩展建议。
课程须知
由于本门课程算是大家学习Vue路上的一个进阶,所以在开始前,希望同学们能掌握: 1. 基本的前端基础知识 HTML JS CSS 2. 基本的 Vue 知识
老师告诉你能学到什么?
在课程中你能学到什么? 1. 组件的设计与实现。 2. 组件库的搭建,打包及发布。 3. 组件文档的编写,以及组件库文档站点的搭建与发布。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!