vue-cli 使用入门

今日，小试了一下vue官网提供的脚手架工具，把简单的安装流程记录下来，和大家分享：

1、到node官网下载 node.js 并安装：

      https://nodejs.org/en/   此次我下载了最新的7.3.0版本，然后安装。

      安装完之后，打开命令行工具，输入  node -v  即可查看 安装的版本，出现版本号即说明安装成功。

2、注册淘宝镜像

      到 http://npm.taobao.org/ 官网 查看使用说明：

      使用命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 即可注册

      之后，有用到 npm 命令的地方，都用 cnpm 代替即可。

3、安装vue-cli 脚手架工具

      到官网  https://github.com/vuejs/vue-cli 看使用说明：

      （1）全局安装  cnpm install -g vue-cli   (注意：此处用 cnpm 代替官网说明上的 npm, 以下同，不再说明)

      （2）安装模版，此处选择webpack。 vue init webpack my-project

4、按提示操作，输入项目信息

      （1）cd  项目目录

      （2）cnpm  install

      （3）cnpm run dev

        执行完命令后，会自动在浏览器中打开欢迎页面