从构建到开发,帮助 Vue 开发者提升项目构建与开发能力,基于 Vue CLI 3
随着 Vue 影响力的不断扩大,越来越多的开发者开始投入 Vue 的怀抱,这从 Vue 在 NPM 上下载量的增长速度可以看出,同时Vue 在 github 上的 star 数已经超过 React 也验证了这一点。
当然我们也不能以 star 数论天下,但是这在某种程度上体现了 Vue 的趋势和未来,而正因为这种趋势和未来使得使用 Vue 开发项目越来越流行,其易上手、门槛低的特点吸引了很多刚入门的前端投身其中。
虽然说国内 Vue 的用户群里比较庞大,但是在质量上可能往往会出现良莠不齐的现象。比如大多数学习 Vue 开发的工程师一般不会关注项目从哪里来,也就是项目的构建部分,同时在开发上也没有养成良好的开发习惯和编码风格,这会导致虽然功能没有问题,但后期维护起来却大有问题的情况。
以上也是为什么要写本小册的原因,其实主要还是由两点构成:项目构建的必要性、项目开发的规范性。希望能够将自己在学习 Vue 过程中的心得和体会用最通俗易懂的方式分享给大家,使大家快速了解项目构建及开发的基本知识,少走不必要的弯路。
关于小册的内容部分,为了普及新技术,本小册中的构建章节是基于 2018 年 8 月正式发布的 Vue CLI 3 作为项目脚手架进行讲解的。作为一款面向未来的脚手架,Vue CLI 3 也被官方称之为 Vue.js 开发的标准工具。
而小册的开发章节则主要侧重介绍 Vue 项目开发过程中的技巧、盲点及工具等,旨在帮助入门的朋友们进一步提高 Vue 开发能力,弥补 Vue 初学者在项开发上的不足。
虽然本小册并不能涉及Vue 项目构建和开发所有知识点,但是希望能够以平易近人的文字让每一位读者都可以理解小册的内容,发现新的思路。
你会学到什么?
- 基于 Vue CLI 3.x 项目构建的基础知识
- 常用的前端包管理工具及命令相关知识
- 使用脚手架构建的参数配置与注意事项
- webpack 在 Vue CLI 3.x 中的应用方式
- 单页及多页应用的构建方法
- Vue 项目开发技巧和代码优化相关知识
- Vue API 中实用但容易忽略的属性和方法
- 实用的 Vue 项目开发工具、第三方库及接口知识
- …