Vue 项目构建与开发入门

课程详情

课程详情

本课程从构建到开发,旨在帮助 Vue 开发者提升项目构建与开发能力,基于 Vue CLI 3 进行深入讲解。

随着 Vue 影响力的不断扩大,越来越多的开发者开始投入 Vue 的怀抱。Vue 的易上手、门槛低的特点吸引了很多刚入门的前端投身其中。然而,在 Vue 开发过程中,项目构建和开发规范性往往被忽视,导致后期维护困难。

本课程主要围绕以下两点展开:

  • 项目构建的必要性:介绍项目构建的基本知识,帮助开发者理解项目构建的重要性。
  • 项目开发的规范性:讲解 Vue 项目开发过程中的技巧、盲点及工具,帮助开发者养成良好的开发习惯和编码风格。

课程内容基于 2018 年 8 月正式发布的 Vue CLI 3,作为 Vue.js 开发的标准工具,Vue CLI 3 在课程中扮演重要角色。开发章节侧重介绍 Vue 项目开发过程中的技巧、盲点及工具,旨在帮助入门的朋友们进一步提高 Vue 开发能力。

通过本课程,你将收获:

  • 深入了解 Vue 项目构建与开发的基本知识。
  • 掌握 Vue CLI 3 的使用方法,提高项目构建效率。
  • 学习 Vue 项目开发过程中的技巧和工具,提升开发能力。
  • 养成良好的开发习惯和编码风格,降低后期维护成本。

课程目录

开篇:Vue CLI 3 项目构建基础
构建基础篇 1:你需要了解的包管理工具与配置项
构建基础篇 2:webpack 在 CLI 3 中的应用
构建基础篇 3:env 文件与环境设置
构建实战篇 1:单页应用的基本配置
构建实战篇 2:使用 pages 构建多页应用
构建实战篇 3:多页路由与模板解析
构建实战篇 4:项目整合与优化
开发指南篇 1:从编码技巧与规范开始
开发指南篇 2:学会编写可复用性模块
开发指南篇 3:合理划分容器组件与展示组件
开发指南篇 4:数据驱动与拼图游戏
开发指南篇 5:Vue API 盲点解析
开发拓展篇 1:扩充你的开发工具
开发拓展篇 2:将 UI 界面交给第三方库
开发拓展篇 3:尝试使用外部数据
总结篇:写在最后