「3.0」一个人开发一个App,小程序从0到1,删减添加

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

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

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

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

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

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

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

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

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

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

「3.0」一个人开发一个App,小程序从0到1,删减添加_第1张图片

3.1 增加

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

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

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

pages/home/index.wxml

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

我只爱我自己

「3.0」一个人开发一个App,小程序从0到1,删减添加_第2张图片

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

「3.0」一个人开发一个App,小程序从0到1,删减添加_第3张图片

如果你看不看导航栏的样色和风格,那就打开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,删减添加_第4张图片

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

你可能感兴趣的:(小程序,javascript,css,html,node.js)