從零到有寫一個小程序系列專題,很早以前就想寫來分享,但由于項目一直在進展,沒有過多的時間研究技術,現在可以繼續分享了。
1:注冊
用沒有注冊過微信公眾平臺的郵箱注冊一個微信公眾號, 申請帳號 ,網址: https://mp.weixin.qq.com/ 根據指引填寫信息和提交相應的資料,就可以擁有自己的小程序帳號。注冊完成之后開始登錄。
我們可以在菜單 “設置”-“開發設置” 看到小程序的 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: 配置文件
參考鏈接:http://www.lxweimin.com/p/1eb4885a4cc1
原文作者:祈澈姑娘;原文鏈接:http://www.lxweimin.com/u/05f416aefbe1
創作不易,轉載請告知;90后前端妹子,愛編程,愛運營,愛折騰。
下一章:微信小程序從零開始開發步驟(二)創建頁面
閱讀鏈接:
微信小程序從零開始開發步驟(一)搭建開發環境http://www.lxweimin.com/p/0ff8c3b2f59f
微信小程序從零開始開發步驟(二)創建小程序頁面http://www.lxweimin.com/p/fe0db14e2869
微信小程序從零開始開發步驟(三)底部導航欄http://www.lxweimin.com/p/89a63dc99839
微信小程序從零開始開發步驟(四)自定義分享的功能http://www.lxweimin.com/p/65d9bdb8051d
微信小程序從零開始開發步驟(五)輪播圖http://www.lxweimin.com/p/bc3261557031
微信小程序從零開始開發步驟(六)4種頁面跳轉的方法http://www.lxweimin.com/p/01a5a6a0fdb9
微信小程序從零開始開發步驟(七)引入外部js 文件http://www.lxweimin.com/p/5f2cde64d7f2
微信小程序從零開始開發步驟(八)引入框架WeUI:http://www.lxweimin.com/p/fd423b6e17be