「3.0」一個人開發(fā)一個App,小程序從0到1,刪減添加

在這個黃道吉日,咱們將要干一件,驚天地泣鬼神,婦孺皆知的大事,那就是刪掉微信開發(fā)工具自動生成的源代碼。

刪掉pages下的index、logs目錄,啥都不留;

刪掉utils下的util.js,只流空氣;

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

刪掉app.wxss里的內(nèi)容,只留下一地雞毛;

刪掉sitemap.json, 只留下一聲嘆息,但這里有個前提:你確定所有頁面都可被索引(搜索),而且一直不會有例外,如果不是,那就留著,如果你已經(jīng)刪掉了,那就補回來。

刪掉project.config.json,如果不想再接著開發(fā)的話;

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

刪掉,刪掉,把一切的煩惱統(tǒng)統(tǒng)刪掉;刪掉,刪掉,把多余的代碼全部刪掉;刪掉,刪掉,我聽到你在鬼哭狼叫。

刪一時,一時爽,一直刪除,一直爽。爽過之后,再慢慢增加回來。

3.1 增加

在app.json中的pages新增pages/home/index并進行保存時,你會發(fā)現(xiàn)在左邊pages目錄下,多了一個home目錄,里面存著頁面4件套。

按微信產(chǎn)品經(jīng)理的建議,開發(fā)小程序時,先從布局文件wxml和樣式文件wxss開始,緊接著實現(xiàn)業(yè)務邏輯(js)。至于json,不用開發(fā),只是配置就好。

好了,這次做個乖寶寶,聽一次產(chǎn)品經(jīng)理的話,打開wxml文件吧。哎呀,有句不像話的話在里面。我就知道你看不懂,因為全是英文呀,像text,我告訴你,你都不知道是文本的意思吧。用<>包起來,不是因為天冷,而是表示標簽。

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

標簽,是用來氣死單身狗的,因為他們總是成雙結對地出現(xiàn),中間還流下愛的宣言。好了,夠了,你可以運行了。點擊【真機調試】,用真機(安裝了微信的智能手機,否則就是玩具了),掃碼,運行看看。

<!--注釋在這里-->

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

我在二手iPhone上運行的效果是這樣的。不知你注意到?jīng)], 所在行是不顯示出來的,因為它是注釋。注釋是給人看的,機器是瞧不上的。

如果你看不看導航欄的樣色和風格,那就打開index.json,勇敢地敲入如下代碼,但請be careful,小心,backgroundTextStyle的值,只能為:dark 或 light; navigationBarTextStyle的值,只能為black 或 white。千萬不要問我為什么,因為我也很想知道,要不咱給微信產(chǎn)品經(jīng)理留個話?--更改index.wxml的內(nèi)容即可。

{

"usingComponents": {},

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#00a24d",

"navigationBarTitleText": "半碼",

"navigationBarTextStyle": "white"

}

這樣運行之后,微信的產(chǎn)品經(jīng)理能否收到,我也不清楚,我只清楚,我在講技術內(nèi)容時,采用的是循序漸進的方式,一開始是慢節(jié)奏,接著是更慢的節(jié)奏,哦,不對,是快節(jié)奏。好了,下一節(jié)布局相關的內(nèi)容,有一定的難度,讓咱們加大馬力,快速前進。

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容