1.安装node.js

打开命令行工具输入命令查看安装情况
$ node -v
$ npm -v

2.初始化项目

2.1 vue-cli 3.0介绍

vue-cli 是 vue.js 的脚手架工具，可以帮助我们编写基础代码、快速搭建开发环境，相比于cli 2.0项目结构更加精简。

2.2 初始化项目详细步骤

1.全局安装cli

npm install -g @vue/cli
# or
yarn global add @vue/cli

2.查看版本（是否安装成功3.0以上的即可）

vue -V(大写的V)

3.创建一个项目

新建文件夹（重点），在该文件夹下打开命令窗口，输入以下命令，
vue create project-name

4.选择安装方式

  default (babel, eslint)
  Manually select features

按键盘上下键选择默认（default）还是手动（Manually）；我这边选择default直接回车

5.启动项目

进入vue项目里面，打开命令行输入：
npm run serve

6.在浏览器中打开http://localhost:8080/即可

微信图片_20180723165726.png