在这个黄道吉日,咱们将要干一件,惊天地泣鬼神,妇孺皆知的大事,那就是删掉微信开发工具自动生成的源代码。

删掉pages下的index、logs目录,啥都不留;

删掉utils下的util.js,只流空气;

删掉app.js里的代码,只留App({});

删掉app.wxss里的内容,只留下一地鸡毛;

删掉sitemap.json, 只留下一声叹息,但这里有个前提:你确定所有页面都可被索引(搜索),而且一直不会有例外,如果不是,那就留着,如果你已经删掉了,那就补回来。

删掉project.config.json,如果不想再接着开发的话;

删掉,哦,不,是修改。修改app.json里的pages值为:"pages/home/index",并快速按下保存。当然,慢速也是可以的。

删掉,删掉,把一切的烦恼统统删掉;删掉,删掉,把多余的代码全部删掉;删掉,删掉,我听到你在鬼哭狼叫。

删一时,一时爽,一直删除,一直爽。爽过之后,再慢慢增加回来。

3.1 增加

在app.json中的pages新增pages/home/index并进行保存时,你会发现在左边pages目录下,多了一个home目录,里面存着页面4件套。

按微信产品经理的建议,开发小程序时,先从布局文件wxml和样式文件wxss开始,紧接着实现业务逻辑(js)。至于json,不用开发,只是配置就好。

好了,这次做个乖宝宝,听一次产品经理的话,打开wxml文件吧。哎呀,有句不像话的话在里面。我就知道你看不懂,因为全是英文呀,像text,我告诉你,你都不知道是文本的意思吧。用<>包起来,不是因为天冷,而是表示标签。

<text>pages/home/index.wxml</text>

标签,是用来气死单身狗的,因为他们总是成双结对地出现,中间还流下爱的宣言。好了,够了,你可以运行了。点击【真机调试】,用真机(安装了微信的智能手机,否则就是玩具了),扫码,运行看看。

<!--注释在这里-->

<text>我只爱我自己</text>

我在二手iPhone上运行的效果是这样的。不知你注意到没, <!-- -->所在行是不显示出来的,因为它是注释。注释是给人看的,机器是瞧不上的。

如果你看不看导航栏的样色和风格,那就打开index.json,勇敢地敲入如下代码,但请be careful,小心,backgroundTextStyle的值,只能为:dark 或 light; navigationBarTextStyle的值,只能为black 或 white。千万不要问我为什么,因为我也很想知道,要不咱给微信产品经理留个话?--更改index.wxml的内容即可。

{

"usingComponents": {},

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#00a24d",

"navigationBarTitleText": "半码",

"navigationBarTextStyle": "white"

}

这样运行之后,微信的产品经理能否收到,我也不清楚,我只清楚,我在讲技术内容时,采用的是循序渐进的方式,一开始是慢节奏,接着是更慢的节奏,哦,不对,是快节奏。好了,下一节布局相关的内容,有一定的难度,让咱们加大马力,快速前进。

[3.0] 一个人开发一个App,小程序从0到1,删减添加的更多相关文章

  1. 如何快速地开发一个微信小程序

    如何快速地开发一个微信小程序呢?我觉得作为初学者,最好能有一个模板,然后改这个模板. 同样作为初学者,刚开始的时候我有下面的几个问题,后来通过问同学,我弄清楚了. 微信小程序可以连接MySQL或者Sq ...

  2. 开发一个微信小程序教程

    一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可. 2.注册成功后进入首页,在 小程序发布流程->小程序 ...

  3. 开发一个微信小程序项目教程

    一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可.2.注册成功后进入首页,在 小程序发布流程->小程序开 ...

  4. 开发一个微信小程序实例教程

    一.注册小程序账号 1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可.2.注册成功后进入首页,在 小程序发布流程->小程序开 ...

  5. 如何开发一个微信小程序

    一.概述     特点:对商家来说,小程序的开发成本低(有丰富的组件.api等).运营成本低(有数据日志等).稳定.互动流畅,便于分享.传播(基本微信平台的大量用户).对用户来说,扫码即可获取服务,随 ...

  6. 从0到1上线一个微信小程序

    0.0 前期准备 微信小程序的出现极大地降低了个人开发者微创业的门槛,不需要后端技术,不需要服务器和域名这些乱七八糟的前置操作,只需要懂得前端技术,就能发布一款属于自己的轻量级应用,简直是前端开发者的 ...

  7. 搭建Spring开发环境并编写第一个Spring小程序

    搭建Spring开发环境并编写第一个Spring小程序 2015-05-27      0个评论    来源:茕夜   收藏    我要投稿 一.前面,我写了一篇Spring框架的基础知识文章,里面没 ...

  8. 开发一个App的成本是多少?

    英文出处:savvyapps.欢迎加入翻译小组. 在最近的一个会议上,一个叫Bob的老顾客引用了<App Savvy>(<放飞App:移动产品经理实战指南>)中探讨研发一个io ...

  9. 开发一个 app 有多难?

    171 个回答 默认排序​ 道衍天机 有事情的加微信1293190838找我 1,150 人赞同了该回答 ----------------------------------------------- ...

随机推荐

  1. linux 短延时

    当一个设备驱动需要处理它的硬件的反应时间, 涉及到的延时常常是最多几个毫秒. 在这 个情况下, 依靠时钟嘀哒显然不对路. The kernel functions ndelay, udelay, an ...

  2. The Preliminary Contest for ICPC Asia Nanjing 2019ICPC南京网络赛

    B.super_log (欧拉降幂) •题意 定一个一个运算log*,迭代表达式为 给定一个a,b计算直到迭代结果>=b时,最小的x,输出对m取余后的值 •思路 $log*_{a}(1)=1+l ...

  3. vue-learning:13 - js - vue作用域概念:全局和局部

    目录 全局作用域:Vue对象 全局api 局部作用域: 实例对象vm 实例api 组件component 组件配置选项 在引入Vue文件时,就相当于拥有了一个全局Vue对象. 在var vm = ne ...

  4. dotnet 新项目格式与对应框架预定义的宏

    在 sdk style 的项目格式支持使用多框架开发,此时需要在代码里面通过宏判断,在编译的时候执行不同的代码.本文告诉大家在框架里面对应的预定义的条件编译符有哪些 在让一个 csproj 项目指定多 ...

  5. 【Linux】Ubuntu16.04 ftp匿名访问

    一.安装: 1.安装命令: sudo apt-get install vsftpd 2.配置文件: vi /etc/vsftpd.conf 3.开启.关闭.重启服务 sudo /etc/init.d/ ...

  6. 错误 1 未能找到类型或命名空间名称“”, 引入DLL文件出现提示文件不存在问题

    在所有引入都正确的情况下,查看项目目标框架是否正确

  7. [梁山好汉说IT] 梁山好汉和秒杀系统

    [梁山好汉说IT] 梁山好汉和秒杀系统 0x00 摘要 今天看了一篇好文章,里面一些思路颇值得借鉴.先摘录总结精华.然后看看梁山好汉如何处理秒杀系统(系统隔离/系统搭建/风控过滤/削峰/信号广播... ...

  8. 微信支付-小程序H5 公众号 Payment SDK

    前言 今天是2020年一天,去年最后一个月开发了订单和支付系统,尤其在支付系统和微信对接的时候遇到了很多坑,这里给大家总结下,以免大家遇到相同的问题还浪费大量时间 微信支付前期准备 微信商户号,需要商 ...

  9. 配置一个简单的nfs

    一. 服务端配置 1.1 安装包 服务端基本环境Centos6.5 [root@node1 ~]# yum -y install nfs-utils rpcbind [root@node1 ~]# r ...

  10. win服务器管理工具,服务器vps管理

    win系列服务器,vps桌面如何管理?用这个工具: IIS7远程桌面批量管理,同时管理上千台vps,服务器,3389远程端口.