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
网友评论