一、Vue菜鸟小教程-安装

       一直以来都想写一些技术博客，来记录自己学过的东西，但总是有这样或那样的理由没有写成，直到今天才开始动笔。作为一个前端小白，如果哪里有不正确的地方也欢迎各位大佬指出，一定虚心学习，好好改正。

       这篇博客是关于Vue的，本人是先简单的看了一下关于Vue的技术文档，然后进行初步的安装，但是在这里出现了一些小问题，那就是在安装的时候提示node.js的版本不支持，导致最后安装Vue也没有成功，各位小伙伴在安装的时候一定要注意。下面是安装的详细过程。

     1.安装node.js,可以在网上下载安装，我下载的是8.9.4版本的，http://nodejs.cn/download/。

 
   2.基于node.js,利用淘宝npm镜像安装相关依赖。由于国内npm会很慢，这里推荐使用淘宝NPM镜像。

     在cmd中直接输入npm
install -g cnpm --registry=http://registry.npm.taobao.org，然后回车，等候安装。可查看cnpm

     版本是多少。



3.安装全局vue-cli脚手架，用于帮助搭建所需的模板框架。在cmd中输入cnpm install -g vue-cli回车，等候安   装。

  


4.创建项目。在cmd中输入 vue init webpack firstvue,可以更换目录，我这里使用了cd更换到了Users.依次出现如下显示，下面项目的设置可以根据自己项目的需要来设置。如图所示。



5.安装相关的依赖。在cmd中输入cd firstvue(项目名称)进入项目当中，输入cnpm install.这时会发现文件夹中多了一个node_modules。如下图。





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

  在cmd中输入cnpm run dev如下图：





另一种测试方式localhost:8080(默认端口为8080)显示页面：