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

uni-app学习历程(一)

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

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

可能以后面临着mpvue的项目跑不起来了,所以要有新的技术替代,这个uniapp就成了我们新的选择

现在各种网页上,mpvue转换uniapp的方法很多,有的也很简单,也有专门的工具用来转换,但是比较简单的项目可以这样,如果真的有比较复杂而且需求比较特殊的一些项目,可能转化后,有一些方法和函数没法使用,或者原本生效的功能失灵

这里也是把我遇到的一些问题列举出来,毕竟我当时在解决问题的时候一头雾水,希望对你有帮助(hx的uniapp默认模板)

项目迁移,这个过程是个很考验耐心和细心的过程,不要把东西一股脑的导进去,然后启动项目就会发现茫茫多的报错,改都不知道怎么去改,最好是按操作流程来导入,一个个页面去解决

首先,很重要的pages.json文件,配置如下

基本的pages.json配置

在pages.json当中,需要注意的地方

1,这里pages数组当中,path中的地址,里面必须要有相关文件才可以,否则会因为找不到而报错

2,导航栏中的地址要跟主包中的地址保持一致,而且首页的地址要放在首位,要注意。这样写入导航栏的方式属于固定写死的方式,之后会介绍ext.json,它是用来动态切换导航地址,名字,样式等。

接着简单了解一下mainfest.json文件

比较重要的地方就是appid的设置,小程序很关键的地方

这里的相关配置结束,就可以进行项目迁移了,这一小节就到这里了

相关文章

  • uni-app学习历程(一)

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

  • Uni-App学习路线

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

  • uni-app学习历程(二)

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

  • uni-app 之登录页面

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

  • uni-app入门详解

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

  • uni-app写一个阅读类app

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

  • 记录一次iOS上架历程

    最近使用了uni-app开发了一款App,开发简单,因为有公司资质,上架也简单,这里记录iOS上架被驳回的历程。 ...

  • uni-app开发小说阅读器

    uni-app官网介绍 uni-app插件地址 项目地址 首先上做的产品效果图,仅供学习。 项目已接入实际api数...

  • Uni-APP学习(一)

    一.MVC和MVVM 1)MVC M: model-模型层,数据的增删改查 V: view -视图层,前端页面( ...

  • 在uni-app框架中使用rem(h5和微信小程序)

    将在学习uni-app过程中遇到的问题记录一下: 1.rem根元素字号适配 问题uni-app中可以使用rem。r...

网友评论

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

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