從零到有寫一個小程序系列專題,很早以前就想寫來分享,但由于項目一直在進展,沒有過多的時間研究技術,現(xiàn)在可以繼續(xù)分享了。
1:注冊
用沒有注冊過微信公眾平臺的郵箱注冊一個微信公眾號, 申請帳號 ,網(wǎng)址: https://mp.weixin.qq.com/ 根據(jù)指引填寫信息和提交相應的資料,就可以擁有自己的小程序帳號。注冊完成之后開始登錄。
我們可以在菜單 “設置”-“開發(fā)設置” 看到小程序的 AppID 了 。小程序的 AppID 相當于小程序平臺的一個身份證,后續(xù)你會在很多地方要用到 AppID (注意這里要區(qū)別于服務號或訂閱號的 AppID)。有了小程序帳號之后,我們需要一個工具來開發(fā)小程序。
根據(jù)官方教程進行開發(fā)https://mp.weixin.qq.com/debug/wxadoc/dev/
3:安裝開發(fā)工具
前往 開發(fā)者工具下載頁面 ,根據(jù)自己的操作系統(tǒng)下載對應的安裝包進行安裝,有關開發(fā)者工具更詳細的介紹可以查看 《開發(fā)者工具介紹》 。打開小程序開發(fā)者工具,用微信掃碼登錄開發(fā)者工具,準備開發(fā)你的第一個小程序吧!我的電腦是64位的:
4:安裝完成之后
你的第一個小程序開啟:新建項目選擇小程序項目,選擇代碼存放的硬盤路徑,填入剛剛申請到的小程序的 AppID,給你的項目起一個好聽的名字,最后,勾選 "創(chuàng)建 QuickStart 項目" (注意: 你要選擇一個空的目錄才會有這個選項),點擊確定,你就得到了你的第一個小程序了,點擊頂部菜單編譯就可以在 IDE 預覽你的第一個小程序。
5:編譯預覽
點擊工具上的編譯按鈕,可以在工具的左側(cè)模擬器界面看到這個小程序的表現(xiàn),也可以點擊預覽按鈕,通過微信的掃一掃在手機上體驗你的第一個小程序。OK,你已經(jīng)成功創(chuàng)建了你的第一個小程序,并且在微信客戶端上體驗到它流暢的表現(xiàn)。
小程序初始化目錄介紹:
1:page 頁面文件夾 存放項目頁面渲染相關文件
2:utils 存放js庫和數(shù)字格式化文件
3: 配置文件
參考鏈接:http://www.itdecent.cn/p/1eb4885a4cc1
原文作者:祈澈姑娘;原文鏈接:http://www.itdecent.cn/u/05f416aefbe1
創(chuàng)作不易,轉(zhuǎn)載請告知;90后前端妹子,愛編程,愛運營,愛折騰。
下一章:微信小程序從零開始開發(fā)步驟(二)創(chuàng)建頁面
閱讀鏈接:
微信小程序從零開始開發(fā)步驟(一)搭建開發(fā)環(huán)境http://www.itdecent.cn/p/0ff8c3b2f59f
微信小程序從零開始開發(fā)步驟(二)創(chuàng)建小程序頁面http://www.itdecent.cn/p/fe0db14e2869
微信小程序從零開始開發(fā)步驟(三)底部導航欄http://www.itdecent.cn/p/89a63dc99839
微信小程序從零開始開發(fā)步驟(四)自定義分享的功能http://www.itdecent.cn/p/65d9bdb8051d
微信小程序從零開始開發(fā)步驟(五)輪播圖http://www.itdecent.cn/p/bc3261557031
微信小程序從零開始開發(fā)步驟(六)4種頁面跳轉(zhuǎn)的方法http://www.itdecent.cn/p/01a5a6a0fdb9
微信小程序從零開始開發(fā)步驟(七)引入外部js 文件http://www.itdecent.cn/p/5f2cde64d7f2
微信小程序從零開始開發(fā)步驟(八)引入框架WeUI:http://www.itdecent.cn/p/fd423b6e17be