微信小程序從零開始開發步驟(一)搭建開發環境


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

image

2:登錄 https://mp.weixin.qq.com

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

image

3:安裝開發工具

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

image

4:安裝完成之后

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

image
image
image

5:編譯預覽

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

image

小程序初始化目錄介紹:

1:page 頁面文件夾 存放項目頁面渲染相關文件

image

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

image

3: 配置文件

image

參考鏈接:https://www.jianshu.com/p/1eb4885a4cc1

下一章:微信小程序從零開始開發步驟(二)創建頁面



文末福利:

福利一:前端,Java,產品經理,微信小程序,Python等10G資源合集大放送:jianshu.com/p/e8197d4d9

福利二:微信小程序入門與實戰全套詳細視頻教程。


【領取方法】

關注 【編程微刊】微信公眾號:

回復【小程序demo】一鍵領取130個微信小程序源碼demo資源。

回復【領取資源】一鍵領取前端,Java,產品經理,微信小程序,Python等資源合集10G資源大放送。

原文作者:祈澈姑娘
原文鏈接:jianshu.com/u/05f416aef
創作不易,轉載請告知

90后前端妹子,愛編程,愛運營,愛折騰。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,歡迎大家一起探討交流。



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM