首页 实战 Vite 从入门到精通,玩转新时代前端构建法则
收藏

Vite 从入门到精通,玩转新时代前端构建法则

行业抢先推出的系统实战课,尽早掌握下一代前端核心工具

Vite 从入门到精通,玩转新时代前端构建法则

¥199.00
难度 中级 时长 13小时30分钟 学习人数 741 综合评分 9.85

Vite 因为其跨前端框架的能力和极其优越的性能,被称为下一代前端构建工具。如果你想在未来几年有更好的发展空间,那么最好尽早学会 Vite。 我们将从如何配置使用入手,深入到Vite的场景、插件以及源码,帮助大家系统掌握 Vite,全面提升对前端构建的认知,更能自行构建项目,为进阶前端架构师打下坚实的基础。

Jokcy
讲师

前端架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

课程对比栏

隐藏
  • 1
    可继续添加课程
  • 2
    可继续添加课程
  • 3
    可继续添加课程
  • 4
    可继续添加课程
对比
清空对比栏
课程目标

和 Vite 有关的一切,努力一次性讲给你

系统提升前端构建能力,即学即用

完整学会Vite的配置使用,搭建项目

· Rollup webpack Vite 的区别

· 使用 Vite 搭建项目

· 常见工程的配置

· Vite 高级功能的实现

· 静态文件、热更新源码

  ......

熟悉 Vite 插件系统,自行开发插件

· 插件系统介绍

· 插件执行顺序

· 完整 API 解析

· 解析官方插件源码

· 实战 Vite 插件实现

  ......

拓展开发思维,实现能力跃迁

· 提升开发效率和体验

· 理解和实践 ESM

· 提升阅读源码的能力

· 可以自行扩展构建工具

· 参与社区开发

  ......

课程亮点

一条从使用到原理到实战的【前端构建】高效学习路线

场景、插件、源码,多维度剖析Vitejs

不只适用于 Vue3,更是下一代前端开发与构建工具

极速的服务启动
开发时使用原生 ESM 文件,无需打包!
丰富的功能
对 TypeScript、JSX、CSS 等支持开箱即用。
通用的插件
在开发和构建之间共享 Rollup-superset
插件接口。
轻量快速的热重载
无论应用程序规模如何,都始终极快的
模块热重载(HMR)
优化的构建
可选 “多页应用” 或 “库” 模式的预配置
Rollup 构建
完全类型化的API
灵活的 API 和完整 TypeScript 类型。
现在,就是最好的入场时机
课程大纲
第1章 Vite 的概要介绍
本章将向大家介绍什么是 Vite、Vite 的特色,并辅以介绍前端构建工具的发展历史进行对比,帮助同学们对 Vite 有个初步的印象。
第2章 Vite 的基础应用
本章中我们会学习,如何使用 Vite 搭建不同前端框架的项目,如何配置一些常见的功能比如 CSS、静态文件等来达到日常使用的目的。
第3章 Vite 的高级应用
本章讲解 Vite 的一些高级功能,比如热更新,服务端渲染,集成到 node 服务中等,让同学们在遇到一些特殊情况时也能够得心应手。
第4章 Rollup 系统学习
Vite 的内核是围绕 Rollup 进行构建,因此,想要更好得理解 Vite 学习 Rollup 是必须的。本章将一起学习 Rollup 的核心应用。
第5章 Vite 插件系统详解
本章详细介绍 Vite 的插件系统,包括插件能做什么、如何实现的、并通过讲解官方的Vite-Vue3-jsx 插件的源码来讲解 Vite 插件的实现原理。
查看完整目录
专属服务
适合人群
想要学习前端构建的开发者
想要进阶前端架构的从业者
技术储备
了解基础的HTTP请求
接触过 Vue 或 React 等框架,了解 Node.js 更佳
环境参数
ViteJs 2.3.8
NodeJs 14
Vue3 3.1.1
@vue/babel-plugin-jsx 1.0.6
mdxjs 3.1.1
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题