vue环境搭建

1.第一步检测一下电脑是否安装node.js

(1)开始-搜索cmd-回车，在命令行输入node -v，回车，如果出现“'node' 不是内部或外部命令，也不是可运行的程序...”时说明没有安装node.js;若没有，则去官网下载

(2)win+R，输入cmd，输入node -v和npm -v来检验安装是否成功

2.安装全局webpack

在命令行里输入：npm install webpack -g （C盘）进行全局安装

3.安装vue-cli脚手架工具

在命令行里输入：npm install -g vue-cli  （C盘）进行全局安装

输入：vue，回车，如果出现vue信息说明安装成功

4.创建项目

关闭命令行，任意选择一个盘（这里，我选择D盘，新建一个名为mypro的文件夹），把mypro文件夹放进HBuilder，进入D盘mypro文件夹，右键选择在此处打开命令窗口，输入 vue init webpack mypro 回车

5.进入项目文件夹：cd mypro   (cd +  vue init webpack mypro  中的项目名字mypro)，回车进入项目文件夹：

输入： npm install     初始化，安装依赖包node_modules

6.安装完成后输入：npm run dev  运行测试