vue初始化篇

      vue现在很火的一款框架，官方介绍是：

         Vue.js（读音 /vjuː/，类似于 view） 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。

  之前一断断续续的看了一些，这回新项目的后台管理准备用这个框架，写这个系列的博客记录怎么使用vue。

  起步：

       由于要在项目中使用，所以直接用vue-cli构建项目。

      1. 用vue-cli构架项目 首先需要安装node 下载地址：http://nodejs.cn/

      2. 由于npm属于国外网站，用npm安装国外包很慢，需要安装国内淘宝镜像, 地址：http://npm.taobao.org/

      3.现在需要安装vue-cli工具了，全局安装 ： npm install -g vue-cli

      4.在要新建的目录下点击右键，

    

    选择git bash here 进入命令行模式.

    输入 vue init webpack  vue-demo // vue初始化. 文件名为vue-demo。

   之后就是回车 等到

  这一步的时候  Use ESLint to lint your code?  要选择NO 

  因为ESLint这个编码要求太严格就先不选了。

  安装好之后会有下面的提示

   vue-cli · Generated "vue-demo".


   To get started:


     cd vue-demo  //进入vue-demo 文件夹
     npm install   //安装依赖，把npm换成cnpm，要不国外的npm太慢了。
     npm run dev  //安装好之后，开始把vue跑起来把。