uni-app学习笔记（一）-官方文档的学习路线

资料观看顺序（在⽐较中学习）：

　　5.与　　7.观看。

　　8.看完uniapp官⽹的《》、《》（先看常⽤的）、《》（先⼤体了解）、《》、《路由（、）》《》、《》（包括案例页和HBuilderX中的模板项⽬）　　9.然后就是刷⼏个+Vue官⽹的视频。

　　10.现在就可以上⼿⼤部分项⽬了，边做项⽬边学完《》、《》。

　　注意：uni-app 使⽤vue的语法+⼩程序的标签和API，HBuilder X创建项⽬中包含了⼤量可供学习或使⽤的模板框架。

⼀，uniapp⽬录结构

┌─uniCloud 云空间⽬录，阿⾥云为uniCloud-aliyun,腾讯云为uniCloud-tcb（详见uniCloud）│─components 符合vue组件规范的uni-app组件⽬录│ └─comp-a.vue 可复⽤的a组件

├─hybrid App端存放本地html⽂件的⽬录，详见├─platforms 存放各平台专⽤页⾯的⽬录，详见├─pages 业务页⾯⽂件存放的⽬录│ ├─index

│ │ └─index.vue index页⾯│ └─list

│ └─list.vue list页⾯

├─static 存放应⽤引⽤的本地静态资源（如图⽚、视频等）的⽬录，注意：静态资源只能存放于此,static⽬录下的⽂件均会被完整打包进去，且不会编译（es6代码不要放这⾥了，css和less/scss等⽂件建议放到⾃建的common⽂件夹下）。⾮static⽬录下的⽂件（vue、js、css 等）只有被引⽤到才会被打包编译进去。

├─uni_modules 存放[uni_module](/uni_modules)规范的插件。├─wxcomponents 存放⼩程序组件的⽬录，详见├─main.js Vue初始化⼊⼝⽂件

├─App.vue 应⽤配置，⽤来配置App全局样式以及监听 应⽤⽣命周期├─manifest.json 配置应⽤名称、appid、logo、版本等打包信息，详见├─pages.json 配置页⾯路由、导航条、选项卡等页⾯类信息，详见└─uni.scss 这⾥是uni-app内置的常⽤样式变量

⼆，使⽤到的⼯具

　　、（实时调试⽤，初步上⼿阶段⽐浏览器好⽤点）、、⼿机模拟器（、、）。

三，.Vue⽂件介绍

　　⼀般包含