Vue 从零开始

1、在Nodejs官网下载最新Node软件，安装后通过 node -v 及 npm -v 分别可查看 node 及 npm 的版本号。

为什么要下载 node 呢？主要是用 npm 命令！

2、通过 npm install -g cnpm --registry=https://registry.npm.taobao.org 命令安装 cnpm，主要是解决 npm 可能会被墙，所以之后所有需要用 npm 的地方，都替换成 cnpm。

3、进入正题，通过 cnpm install vue 安装 vue。

4、通过 cnpm install --global vue-cli 安装传说中的 vue 脚手架，虽然暂时不知道有什么用，反正大家都这样叫，其它教程也有此步骤，所以安装完再说吧。

5、通过 vue init webpack demo 创建项目，其中 demo 就是项目名。接下来会有一堆采用问答形式的方式来生成 demo 项目的一些配置，包括项目名称、描述、作者、是否安装路由等等，如果不太懂的话，全部选是就行了。

6、接下来就会提示让通过 cd demo 进入到项目目录，然后通过 npm run dev 运行项目。

7、当你看到 You application is running here: http://localhost:8080（若8080端口已被占用，可能会是8081），直接在浏览器中打开此项目即可，成功页面如下：

至此，算是开始了，从零开始，花了19分钟！