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.目录解析