搭建vue开发环境安装好node.js之后，打开命令行工具，输入node -v 来检测node.js是否安装好，如输出n

vue作为目前前端最火的三大框架之一，相信大家都已经很了解了，那我们就来讲讲到底怎么搭建vue开发环境呢？

在搭建vue环境之前一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，大家可以根据自己的电脑系统来选择自己要安装的版本

安装好node.js之后，打开命令行工具，输入node -v 来检测node.js是否安装好，如输出node版本号，则表示node.js已经安装好了。

接下来是安装cnpm，由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像，使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具：npm install -g cnpm --registry=https://registry.npm.taobao.org；

cnpm安装成功之后，我们就可以全局安装vue-cli脚手架工具了，

输入命令：cnpm install --global vue-cli 回车；

验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；

到这一步，vue算是基本上安装好了，下一步就是创建vue项目的

搭建完脚手架之后，我们就要开始创建vue项目文件夹了，如果你想将vue项目文件夹创建在指定的目录，首先在命令行工具里面输入命令进入该指定文件夹（cd 文件夹路径），

进入文件夹之后，输入命令 vue init webpack vue-demo （vue-demo是文件夹的名字，你可以改成你自己的项目的名字），回车，一直回车，直到出现是否要安装vue-router

vue-router是我们项目中需要用到的插件，所以就输入y 回车

下面会出现是否需要js语法检测，这个我们暂时用不到，就可以直接输入no，后面的都可以直接输入no，都是我们暂时用不到的

文件夹已经下载好了，现在就可以进入文件夹（在命令行工具里面输入cd 项目文件加路径），因为各个模板之间都是相互依赖的，所以现在我们要安装依赖，然后输入cnpm install，回车

安装好依赖之后，现在我们就来看看项目能不能正常运行了，输入npm run dev回车

8080是默认的端口，要访问的话，直接在浏览器输入localhost:8080就可以打开默认的模板了；

这样我们的vue项目就已经安装好并运行起来了，撒花，完结。