介绍与需求
1.1,介绍
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的关注DOM，只需要将数据组织好即可。
cube-ui 是一个基于 Vue.js 实现的精致移动端组件库。 它响应迅速、动画流畅，追求极致的交互体验。 总体分为基础、弹层、滚动三大组件模块，可以说基本涵盖了我们移动端所有的组件需求。
二,项目搭建配置
2.1,搭建环境
第一步:安装nodeJs
第二步:运行cmd,打开命令行
第三步:安装cnpm
1 npm install -g cnpm --registry=https://registry.npm.taobao.org2 npm config set registry https://registry.npm.taobao.org
第四步:安装vue-cli
1 cnpm install –g vue-cli2.2,搭建项目
创建web移动端项目使用vue的cube-ui移动端组件库
第一步:初始化项目
1 # 在当前目录下初始化一个 cube-ui 项目 2 $ vue init cube-ui/cube-template 3 # 在当前目录下创建一个叫vue-web-app的文件夹，在里面初始化项目 4 $ vue init cube-ui/cube-template vue-web-app
第二步:初始化时简单配置
1 $ vue init cube-ui/cube-template vue-web-app 2 3 # 为你的项目起个名字 4 ? Project name vue-web-app 5 # 起你的项目写一段描述 6 ? Project description A guide for vue-web-app 7 # 作者 8 ? Author jackson影琪 <********.com> 9 # 选择vue种类，第一种是运行时编译，第二种是只运行，建议选后者将编译交给webpack并且体积要小大约30%10 ? Vue build (Use arrow keys) 11 ❯ Runtime + Compiler: recommended for most users 12 Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONL 13 Y allowed in .vue files - render functions are required elsewhere 14 # 是否后编译 15 ? Use post-compile? Yes 16 # 按需引入组件还是全部引入 17 ? Import type Partly 18 # 是否自定义主题，使用后编译的情况下可用 19 ? Custom theme? Yes 20 # rem 布局，使用后编译的情况下可用 21 ? Use rem layout? No 22 # 是否安装vue-router
