uni-app学习历程(二)

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

在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学习历程(二))