Vue的安装和使用详解(一)

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

一.构建开发环境

    1.下载安装软件(详见-开发工具了解）

Git: https://git-scm.com/downloads

Nodejs: http://nodejs.cn/#download

安装步骤：http://www.runoob.com/nodejs/nodejs-install-setup.html   https://segmentfault.com/a/1190000011275993 

验证安装成功： node-v

    2.安装npm包(详见-开发工具了解）

安装webpack ：npm install -g webpack

安装vue脚手架：npm install -g vue-cli

验证安装成功： npm-v

vue-cli (vue脚手架):可以帮助我们写好 vuejs 代码的工具

    3.新建项目

           执行命令 vue init cd2001zxm/teld-vue XXXXX     (注：XXXXX替换为项目名称)

          或   vue init webpack 项目名

    4.初始化项目(安装项目所需要的依赖)

进入到XXXXX所在目录，执行 npm install

     5.公共组件的更新(非TELD项目不用)

             npm update teld-vue-frame

     6.Vue 说明

             https://www.jianshu.com/p/16c90db79886

    7.开发工具：webstorm

    8.创建Vue项目：

           https://segmentfault.com/a/1190000011275993

    9.指令

           npm run dev :执行的是build/dev-server.js文件，

          npm run build:执行的是build/build.js文件。

          https://www.cnblogs.com/hl0203/p/7138600.html

    10.目录解析