学习准备
- HTML的基础知识，比如基本元素的使用和结构代码的编写
- CSS的基础知识，比如常见样式的编写和页面的布局
- Javascript的基础知识，比如常见函数的使用
- 已经看完了前面所发布的文章
vue基础学习，vue全局API学习，vue选项
关于 vue-cli
vue-cli 是一个基于 Vue.js 进行快速开发的完整系统，简单理解就是快速构建单页应用的脚手架。如果小伙伴们对 vue 还是不太熟悉，建议再看一遍以前的文章加深一下理解。因为在学 vue-cli 时，我们可能会遇到一些以前从来没有见过的东西，比如webpack，babel，vuex，vue-router等，在刚开始的学习中，我会尽量减少接触这几个，到中期时再慢慢讲解。这个过程可能会有点痛苦，让人产生一些放弃的想法，但是一定要坚持住，坚持完了，那么小伙伴们就可以试着开始实战了。
安装 vue-cli
虽然目前还有一些公司用的是
vue-cli 2.0，不过既然已经有了最新的，那么我们就直接安装最新的吧。
- 打开cmd命令窗口，输入命令：
npm install -g @vue/cli - 等到执行完后，我们可以使用
vue --version或vue -V来检验是否安装成功。
如果有显示类似@vue/cli 4.3.1的内容，说明我们已经安装成功了，下面就可以直接创建个项目开搞了。
注意
有些小伙伴喜欢用yarn安装依赖，其实只要能达到目的，用哪一个都是可以的，选择自己喜欢的就好。要是实在太慢了，大家也可以用cnpm试试，方法挺多，问题不大。关于yarn的用法，有兴趣的小伙伴可以直接在网上搜索，其实跟npm的用法差不多，区别不大。