美文网首页
uni-app学习历程(二)

uni-app学习历程(二)

作者: fire_candle | 来源:发表于2020-10-22 14:34 被阅读0次

前面介绍了基础配置,现在说一下,相关文件引入

在hx新建的项目里,只有个pages和static,一个是放入文件,一个是放入静态资源

那我们直接把之前小程序项目中的其他文件拖入过来就好了,当然这里要注意一下依赖问题,如果有相关情况,请先install

这些问题都解决了之后,下面到了关键的地方,小程序的其余的文件夹一般会有src和static两种,static不用说,直接放入咱们uniapp的static中,我这里为了更符合项目结构,也创建了一个src文件夹,把pages放入。当然src下面不能只有pages,还有例如下图这些

api,主要存放接口文件,里面东西不会改

components:主要存放公用的模块组件,这里放入的最好是多个页面都会用到的那种组件,如果某一组件只在一个页面中使用,可以在后续

处理中放进分包的文件中,从而减少主包的文件大小

config:我这里主要配置了一个siteid和appid的处理,还有直播版本和非直播版本的编译,一些配置可以放进这里

filters:过滤,存放了一下,数字,日期等过滤方式

mixins:混入,感兴趣的同学可以去看一下vue对它的说明,我这里原理相同

pages:页面存放

request:不多说,接口封装,拦截器等

service:我通常会把store放进这里,如果使用vuex的话

style:通用样式,使用less或者sass都可以

app.json:这里的情况和咱们pages.json中相同,直接把这里的东西放进pages.json就可以

了解清楚各个文件存放的地方,可以在之后更快的寻找到出问题的所在,这里的方式属于个人习惯,也可以按照你自己的方式或者项目本来的路径,下一节,会比较零散的介绍迁移过程中,可能遇到的问题

相关文章

  • uni-app学习历程(二)

    前面介绍了基础配置,现在说一下,相关文件引入 在hx新建的项目里,只有个pages和static,一个是放入文件,...

  • Uni-App学习路线

    Uni-App学习路线 学习Uni-app用到的技术 Uni-app官网[https://uniapp.dclou...

  • uni-app学习历程(一)

    最近项目方向朝着小程序方向发展,之前小程序使用的框架是mpvue,因为这个mpvue也停止维护了,原因懂得都懂 可...

  • uni-app 之登录页面

    学习了一周多uni-app,上一周主要是开发原生插件给uni-app调用。本周开始学习怎么使用uni-app写页面...

  • uni-app入门详解

    1 uni-app学习 1.1 什么是uni-app uni-app是一个使用Vue.js语法来开发所有前端应用的...

  • RxSwift学习历程(二)

    上一篇,我们学习了如何创建一个observable,接下来我们继续学习,直接开始吧 订阅序列(Subscribin...

  • RxJava学习历程(二)

    今天继续学习RxJava,新技能get了总要记录一下。上篇文章写到的生成观察者的两种方式其实是有区别的,例如 先看...

  • 二建学习历程

    四月末的时候,和同事闲聊中,一拍脑袋决定考个二建证,两个小时后网购了三本教材,打听了考试报名时间---来年二月份,...

  • uni-app 学习笔记 二

    页面配置及跳转 目前程序的页面路径最多只能放十层 uni.navigateTo(OBJECT) 保留当前页面,跳转...

  • uni-app写一个阅读类app

    这个程序主要是学习uni-app和egg.js,介绍:前端开发使用uni-app,后端使用egg.js,数据库使用...

网友评论

      本文标题:uni-app学习历程(二)

      本文链接:https://www.haomeiwen.com/subject/iluumktx.html