vue环境搭建

环境搭建步骤

一：在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的管理工具来实现，下载地址是

http://nodejs.cn

二：下载好node之后，打开docs管理工具，先看看node安装成功了没有，输入 node -v ，回车，会输出node的版本号

这样就已经是安装成功了

三：使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具： npm install -g cnpregistry=https://registry.npm.taobao.org。

然后输入cnpm  -v 查看安装的信息。

四：淘宝镜像安装成功之后，我们就可以全局vue-cli脚手架，输入命令：cnpm install --global vue-cli  回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功。

五：环境安装完成后进行项目创建，我们开始创建新的项目输入命令：vue init webpack my-project  回车，my-project是我自己的文件夹的名字，是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-route,这个我们在项目要用到，所以就输入y 回车,后面的可以输n.

 

六：现在就可以进入文件夹，输入 cd my-project 回车，因为各个模板之间都是相互依赖的，所以现在我们要安装依赖，输入命令：cnpm install

七：已经安装好之后，现在要来测试一下我们下载好的模板能不能正常的运行，在命令行输入：cnpm run dev 回车即可，

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

总结：vue环境安装教程网上有很多，但那始终不是自己的，只有学会才是自己的。

学习就如逆水行舟，不进则退。你我一起进步。