从0搭建vue环境

（一） 安装node
vue依赖于Node.js ，先安装node.js开发环境，下载地址： https://nodejs.org/en/，安装包下载后，直接双击安装。
如果要查看node版本，输入命令“ node -v ”命令,查看node版本信息。同时也就有了npm命令

（二） 安装npm镜像
因为npm是国外的，所以使用起来速度比较慢。我们这里使用了淘宝的cnpm镜像安装vue。使用淘宝的cnpm命令管理工具代替默认的npm管理工具。
输入命令： npm install -g cnpm --registry=https://registry.npm.taobao.org

npm config set registry https://registry.npm.taobao.org 更换nmp镜像为淘宝源(解决vue init慢的问题)


 (三） 安装全局vue-cli脚手架
npm镜像安装完成之后，接下来安装全局vue-cli脚手架。输入命令：cnpm install --global vue-cli     然后回车

输入命令vue,查看是否安装成功


（四） 创建新项目
脚手架搭建完成之后，接下来创建一个新项目。进入cmd，输入命令：vue init webpack firstvue
vue创建的选项

（五） 安装项目依赖
因为各个模板之间都是相互依赖的，所以接下来需要安装依赖。
进入cmd , 切换到firstvue目录，输入命令 cnpm install 安装项目依赖。


 (六） 系统运行

项目环境依赖安装完成后，接下来就可以测试一下新vue项目的运行情况了，进入cmd ，输入命令：npm run dev回车，启动服务

安装copy过来的项目

cnpm install
npm run dev

西瓜视频