app开发文档

1. A pp 目录结构 ：

   common:主要存放开发时需要的css文件，字体文件，以及一些公共的方法

   components:主要存放一些uni-app自带的组件，以及自定义组件

   pages:开发页面合集

   static：主要存放图片等静态文件

   store：主要存储app以及登录用户信息

   unpackage：打包时不会被打包的文件

   App.vue:应用配置，用来配置App全局样式以及监听

   main.js: Vue初始化入口文件

   manifest.json :配置应用名称、appid、logo、版本等打包信息

   pages.json :配置页面路由、导航条、选项卡等页面类信息

    

   调试方法：真机调试/浏览器调试 :

   真机调试：

1. 连接手机，开启USB调试，进入项目，点击工具栏的运行 -> 真机运行 -> 选择运行的设备 即可

2. App端提供真机运行的console.log日志输出，运行到真机或模拟器时，不用点debug按钮，操作手机，会在HBuilderX的控制台直接输出日志。

3. 在调试窗口控制台的 Sources栏，可以给 js 打断点调试。

    

   浏览器调试：

1. 进入 uni-app 项目，点击工具栏的运行 -> 运行到浏览器 -> 选择 Chrome，即可将 uni-app运行到 浏览器，运行到浏览器后，就能和普通 web 项目一样进行预览和调试了。

2. 点 Chrome 控制台的 Sources 栏，可以给 js 打断点调试。

    

   组件的调用 ：

   在项目的/component目录下存放组件，在要显示组件的页面中则分为3步：导入、注册和使用 ，与vue组件使用方法类似 。

    

    

   过滤器的使用：

   与vue使用方法相同 。eg: {{ time | imgMiniFormat}}

    

   store的使用 :

   调用方法：this.$store.state.XXX ,可在当前页面中直接调用store中的属性。

    

   开发注意事项 ：

1. uni-app尽量不要使用i标签，用text代替

2. 使用uni-app自带的icon组件时，不要嵌套在text标签内，否则会不显示