mpvue小程序开发(三):改我所改

前面我把小程序给跑起来了并进行了展示【点击查看】,如下图

对于上述图片,我们看到了小程序的一个布局

正文部分是小程序,下面有两个tab,嗯,这个跟原生app很像嘛,那一定是能改的

那么在哪改,怎么改呢

我们打开开发工具,导入项目,我的是WebStorm

我们看一下项目结构

哇,我们清楚的看到了dist/wx和src两个目录惊人的相似

对,src下面的就是接下来我们开发要使用的代码,dist中的代码是自动编译生成的微信小程序员代码,所以dist中的代码你不要动,要改就改src下面的代码就可以了

嗯,现在我们需要修改tab,我们用快捷键搜索:订单

果然搜到了,是app.json文件,现在我们打开这个文件,进行修改,比如改成“我的”

我们回到开发者工具,发现并没有更新,这个时候我们再开发者工具上查看一下dist目录文件,我们发现响应的位置并没有更新,那么该如何是好呢

不用急,我们命令行进入到工程目录下执行npm run dev

重新编译完成了,这个时候我们再回到开发者工具,我们发现,一切都ok了

嗯,到这为止,我们可以修改一些小东西了,下一篇讲解配置文件,我们拭目以待


http://www.niftyadmin.cn/n/512494.html

相关文章

mpvue小程序开发(四):惊鸿一瞥

前面简单的搞了一下【点击查看】,现在我们对项目结构来一个清晰的认识 因为我们是mpvue开发,所以我们的关注点主要在src目录下【static目录下主要放置静态文件,所以没啥好讲的,这个因人而异啦】 上图就是src的整体结构了 compon…

python rpy2,tkinter安装问题解决

windows系统下在python中直接pip install rpy2时,会出错,没仔细看错误,直接下载了whl文件(https://www.lfd.uci.edu/~gohlke/pythonlibs/)进行安装。 此时可以import rpy2,但是在import rpy2.robjects时会提…

mpvue小程序开发(五):app.json详解

前面我们对小程序开发目录进行了讲解【点击查看】,现在我们对其中的重头文件app.json进行剖析 打开app.json,我们看到很多配置文件,那真的琳琅满目,看的眼花缭乱,不过我们都是老司机了,也能猜个一二不离三…

Eclipse 常用快捷键大全

Ctrl1 快速修复(最经典的快捷键,就不用多说了)CtrlD: 删除当前行 CtrlAlt↓ 复制当前行到下一行(复制增加) CtrlAlt↑ 复制当前行到上一行(复制增加)Alt↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt↑ 当前行和上面一行交互位置(同上)Alt← 前一个编辑的…

mpvue小程序开发(六):代码结构

前面我们把配置文件app.json详解了一下【点击查看】,现在我们离开发越来越近了,啥也不多说,搞起搞起 我们主要看pages目录,这个是我们以后开发的重中之重 嗯,我们先看到共性,每个文件夹中都有index.vue和m…

mpvue小程序开发(七):原生结构

前面我们梳理了mpvue的各种开发结构,mpvue会编译生成满足微信小程序的原生代码,为了更熟更了解,我们还是需要看一看的,接下来就让我们一探究竟 在项目的dist目录下,我们清楚的看到了微信原生代码结构,嗯&am…

用swoole简单实现MySQL连接池

MySQL连接池 在传统的网站开发中,比如LNMP模式,由Nginx的master进程接收请求然后分给多个worker进程,每个worker进程再链接php-fpm的master进程,php-fpm再根据当前情况去调用其worker进程然后处理PHP,如果需要MySQL&am…

mpvue小程序开发(八):项目开发

嗯,前面把各种配置啊,结构啊都看了,【点击查看】现在我们要正式开发一个小程序了,今天我们打算开发一款考试的小程序 start…… 一:样式引入 在src目录下新建static/css目录,再把样式文件丢进去&#xf…