（純娛樂！無商業行為！望周知！）
以前，對編程一無所知的我，曾經想做一個小工具的APP，所以我檢索了一下，需要花多少錢？
源自B乎
結果都很嚇人，動不動就幾萬幾十萬，我有點無語，我不太相信做個定時器和播放器都得要幾十萬吧？這完全不合理呀。
其實，後來想想，做APP的基本上是商業需求，像我這樣的搞來自己用的，壓根就沒有人沒有考量過。
時光荏苒，通過我碎片化的學習之後，我才明白，個人也可以0成本開發APP。
（疊甲：時間成本當然也是成本，這裡的0成本是表示不用花錢。）
前提：
① 有一定自學能力
② 有時間寫代碼
③ 有興趣就能學會，但過程是痛並快樂著的。
所以，這篇文章希望能夠給「過去的自己」起到一個啟蒙的作用。
審核請注意！本篇文章無任何不良引導，正常的科普，不會上架任何軟件，"小粉盒"僅為演示作用。
讀者請注意！💥本系列文章僅為啟蒙作用，不可能通過本文就能製作APP，只是帶大家看一遍APP的大致製作流程，實際上有些步驟沒有文字寫得簡單，但是：會者不難，難者不會。
專家請注意！本篇教程不是專業性的畢業論文，俺僅是一個業餘愛好編程的文科生，文章是以個人開發APP的角度來寫的，如果有補充或者其他見解，可以在評論區友好討論。
來吧！寫一個小粉盒！
DAY 1
—— 🧿 —— 🧿 —— 🧿 —— 🧿 ——
1. 搞定軟件LOGO
LOGO是軟件的靈魂，也是比較簡單的一步。
通常我們有如下途徑解決：
故事級：logo生成網站
普通級：通過WPS設計
地獄級：通過PS設計
開掛級：通過AI生成
以上，根據自己的能力情況選擇。
現在，讓我們為小粉盒做一個LOGO！
① 搜索永遠是獲取資源的第一步
嘿嘿
② 找到目標
拿來吧你！
③ 用 AI 換色
小粉盒誕生！
—— 🧿 —— 🧿 —— 🧿 —— 🧿 ——
2. 創建APP
製作APP的有很多技術可以選擇，但是，最簡單還是一個叫
uniapp 的技術框架。
對此我有兩點建議：
① 如果你時間充足，可以按照 html 、css、js、vue、uniapp 的順序一路學下來，但是最快也得兩個月。
② 如果簡單玩一下，有直接 零基礎入門 uniapp 的視頻。
https://hx.dcloud.net.cn/
下載它捆綁的編輯器：HbuilderX 然後新建項目
說人話，uniapp 相當於語言（不準確），比如我們可以用中文也可以用英文寫文章，而HbuilderX 相當於寫文章要用的紙和筆。
新建項目，直接創造出一個APP
uniapp 的好處在於，它直接給你搭建了一個空白APP，你只需要寫頁面就行，後端也有 unicloud 提供技術支持，可以少寫非常多的東西。
2.1 開始編寫前端頁面
所謂前端頁面，就是用戶能看到的頁面！
小黑盒可以分為五大模塊：
首頁、熱點、新建、遊戲庫、我
所以，咱們一比一復刻下
操作也很簡單，在 Pages 文件夾中寫五個頁面就行！
記得要在page.json在註冊頁面
然後，將這些基本頁面和底部導航欄綁定！
當然，我們要提前製作好圖標。
不想自己做，可以去圖標庫去COPY
https://www.iconfont.cn/
懶得自己畫了，我通過 iconfont 新建了一個圖標庫，然後找圖標，並將圖標微調了一下。
這一步很簡單，會打字搜索就行。
然後，uniapp 的底部導航欄 是在pages.json文件中編輯。
涉及JSON語法，但是不懂也行，就是套娃，複製粘貼。
底部導航代碼
初見端倪
然後，接下來的工作，是將各頁面的佈局復刻下來：
先復刻首頁！
將佈局復刻
前端頁面編寫還是挺麻煩的。
你需要學：
html、css、vue
當然你也可以直接用 AI 直接生成頁面，但當頁面需要調整時，可能會一臉懵逼。
其實頁面佈局的核心思想就是 嵌套，如果你有文件夾思維學得就很快。
這裡就不講解了，因為知識點很多。
Day 1 結束！該睡覺了！
—— 🧿 —— 🧿 —— 🧿 —— 🧿 ——
今日總結：
新增：完成了小粉盒的LOGO。
新增：完成了小粉盒的底部導航欄。
新增：【首頁】佈局完成了部分。
本文由小黑盒作者：佩奇哥x種田中 原創
未經授權禁止轉載或摘編