從零到有寫一個小程序系列專題,很早以前就想寫來分享,但由於項目一直在進展,沒有過多的時間研究技術,現在可以繼續分享了。
1:注冊
用沒有注冊過微信公眾平台的郵箱注冊一個微信公眾號, 申請帳號 ,點擊 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根據指引填寫信息和提交相應的資料,就可以擁有自己的小程序帳號。注冊完成之后開始登錄。

我們可以在菜單 “設置”-“開發設置” 看到小程序的 AppID 了 。小程序的 AppID 相當於小程序平台的一個身份證,后續你會在很多地方要用到 AppID (注意這里要區別於服務號或訂閱號的 AppID)。有了小程序帳號之后,我們需要一個工具來開發小程序。
根據官方教程進行開發https://mp.weixin.qq.com/debug/wxadoc/dev/

3:安裝開發工具
前往 開發者工具下載頁面 ,根據自己的操作系統下載對應的安裝包進行安裝,有關開發者工具更詳細的介紹可以查看 《開發者工具介紹》 。打開小程序開發者工具,用微信掃碼登錄開發者工具,准備開發你的第一個小程序吧!我的電腦是64位的:

4:安裝完成之后
你的第一個小程序開啟:新建項目選擇小程序項目,選擇代碼存放的硬盤路徑,填入剛剛申請到的小程序的 AppID,給你的項目起一個好聽的名字,最后,勾選 "創建 QuickStart 項目" (注意: 你要選擇一個空的目錄才會有這個選項),點擊確定,你就得到了你的第一個小程序了,點擊頂部菜單編譯就可以在 IDE 預覽你的第一個小程序。



5:編譯預覽
點擊工具上的編譯按鈕,可以在工具的左側模擬器界面看到這個小程序的表現,也可以點擊預覽按鈕,通過微信的掃一掃在手機上體驗你的第一個小程序。OK,你已經成功創建了你的第一個小程序,並且在微信客戶端上體驗到它流暢的表現。

小程序初始化目錄介紹:
1:page 頁面文件夾 存放項目頁面渲染相關文件

2:utils 存放js庫和數字格式化文件

3: 配置文件

參考鏈接:https://www.jianshu.com/p/1eb4885a4cc1
下一章:微信小程序從零開始開發步驟(二)創建頁面
文末福利:
福利一:前端,Java,產品經理,微信小程序,Python等10G資源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入門與實戰全套詳細視頻教程。
【領取方法】
關注 【編程微刊】微信公眾號:
回復【小程序demo】一鍵領取130個微信小程序源碼demo資源。
回復【領取資源】一鍵領取前端,Java,產品經理,微信小程序,Python等資源合集10G資源大放送。
原文作者:祈澈姑娘
原文鏈接:https://www.jianshu.com/u/05f416aefbe1
創作不易,轉載請告知
90后前端妹子,愛編程,愛運營,愛折騰。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,歡迎大家一起探討交流。