從零到有寫一個小程序系列專題,很早以前就想寫來分享母蛛,但由于項目一直在進展恤筛,沒有過多的時間研究技術(shù),現(xiàn)在可以繼續(xù)分享了饶氏。
1:注冊
用沒有注冊過微信公眾平臺的郵箱注冊一個微信公眾號讥耗, 申請帳號 ,網(wǎng)址: https://mp.weixin.qq.com/ 根據(jù)指引填寫信息和提交相應(yīng)的資料,就可以擁有自己的小程序帳號疹启。注冊完成之后開始登錄古程。
我們可以在菜單 “設(shè)置”-“開發(fā)設(shè)置” 看到小程序的 AppID 了 。小程序的 AppID 相當于小程序平臺的一個身份證喊崖,后續(xù)你會在很多地方要用到 AppID (注意這里要區(qū)別于服務(wù)號或訂閱號的 AppID)挣磨。有了小程序帳號之后雇逞,我們需要一個工具來開發(fā)小程序。
根據(jù)官方教程進行開發(fā)https://mp.weixin.qq.com/debug/wxadoc/dev/
3:安裝開發(fā)工具
前往 開發(fā)者工具下載頁面 茁裙,根據(jù)自己的操作系統(tǒng)下載對應(yīng)的安裝包進行安裝塘砸,有關(guān)開發(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 頁面文件夾 存放項目頁面渲染相關(guān)文件
2:utils 存放js庫和數(shù)字格式化文件
3: 配置文件
參考鏈接:http://www.reibang.com/p/1eb4885a4cc1
原文作者:祈澈姑娘;原文鏈接:http://www.reibang.com/u/05f416aefbe1
創(chuàng)作不易肩民,轉(zhuǎn)載請告知唠亚;90后前端妹子,愛編程持痰,愛運營灶搜,愛折騰。
下一章:微信小程序從零開始開發(fā)步驟(二)創(chuàng)建頁面
閱讀鏈接:
微信小程序從零開始開發(fā)步驟(一)搭建開發(fā)環(huán)境http://www.reibang.com/p/0ff8c3b2f59f
微信小程序從零開始開發(fā)步驟(二)創(chuàng)建小程序頁面http://www.reibang.com/p/fe0db14e2869
微信小程序從零開始開發(fā)步驟(三)底部導航欄http://www.reibang.com/p/89a63dc99839
微信小程序從零開始開發(fā)步驟(四)自定義分享的功能http://www.reibang.com/p/65d9bdb8051d
微信小程序從零開始開發(fā)步驟(五)輪播圖http://www.reibang.com/p/bc3261557031
微信小程序從零開始開發(fā)步驟(六)4種頁面跳轉(zhuǎn)的方法http://www.reibang.com/p/01a5a6a0fdb9
微信小程序從零開始開發(fā)步驟(七)引入外部js 文件http://www.reibang.com/p/5f2cde64d7f2
微信小程序從零開始開發(fā)步驟(八)引入框架WeUI:http://www.reibang.com/p/fd423b6e17be