vue开发环境搭建以及项目创建

1.安装node.js下载安装地址Node.js安装包及源码下载地址为：https://nodejs.org/en/download/。安装步骤安装即可没有什么难度。环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。 

2.安装npm 由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装。

终端/控制台窗口中运行命令 

node
-v

 和 

npm
-v

， 来验证一下你正在运行
node 

6.9.x

 和 npm 

3.x.x

 以上的版本。

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

cmd里 1)输入：npm install -g vue-cli，回车，等待安装...

            2).输入：vue，回车，若出现vue信息说明表示成功



4.创建项目

在cmd里输入：vue
4000
init webpack vuetest(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，



5.安装依赖

在cmd里  1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹

             2).输入：npm install，回车，等待一小会儿



6.测试环境是否搭建成功

方法1：在md里输入：npm run dev

方法2：在浏览里输入：localhost:8080(默认端口为8080)





结果：