vue练手之路---使用 vue-cli搭建

    最近在学习vue，根据网上教程加上自己摸索，做了一个简单的项目作为练手。如果发现本人写的有问题，还请各位大神多多指点。写在博客里面也是希望自己当做笔记一样，汇总一下学的知识点。那我们现在开始吧！

    一、node安装

    关于node安装相信网上随便找都能找出相关安装的过程，这里就不必详细讲了。下载地址：http://nodejs.cn/download。

    这样只是安装固定版本的，如果在开发过程中希望切换node的版本，建议使用nvm来安装。

    要想知道是否安装成功，可以在命令行工具中输入node -v和npm -v查看node的版本号就可以判断有没有安装成功；npm是node的包管理工具.,因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，所以我们可以通过安装cnpm来执行。（具体安装步骤见网上教程，这里不详细介绍）；

    二、安装 vue-cli

    接下来到了重点部分，安装vue脚手架工具，（本人电脑是window系统）。

    首先我们在命令行输入 ：cnpm install -g vue-cli    // 加-g是安装到全局

    接着在命令行输入：vue init webpack demo 

    出现如下内容，输入项目名称（例如：vue-test）回车：

  

    接下来一步步填写相关内容按回车确认：

三、进入项目文件目录

等待项目安装成功后，按底下步骤启动项目

命令行输入：cd demo //进入项目文件夹

                    cnpm install

                    cnpm run dev

然后在浏览器就可以访问了！