vue的开发环境的搭建

一：安装node.js

1：从官网的下载地址下载https://nodejs.org/en/

2：一路下一步安装就可以

3：安装完成win+R，cmd进入dos命令，输入 npm -v ，查看node.js的版本

4：如果版本低于3.0，则需要输入cnpm install npm -g进行版本的提升。

5：由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像 输入npm install -g cnpm --registry=https://registry.npm.taobao.org

二：安装vue-cli脚手架

1：安装全局的脚手架，用于全局的模板的建立

$ cnpm install -g vue-cli
# 回车，等待安装...
$ vue
# 回车，若出现vue信息说明表示成功

2：利用vue-cli的脚手架进行项目模板的构建，首先选择一个你保存VUe项目的位置，利用cmd进入该目录下，在cmd下输入一下命令就构建VUe项目的模板，

vue init webpack my-project

在构建的时候，回发现停止，原因是需要你手动建立給信息，你只需要按回车键就行，出现一下信息就构建完成

3：安装依赖

模板安装完成后利用cmd进入所建的vue项目模板

输入 cnpm install 安装node_module

4:安装完成后输入npm run dev,运行Vue项目，项目跑起来后，在浏览器输入localhost:8080,出现以下信息表示项目运行成功。