前言:筆者是一名iOS開發者,該帖適合微信小程序初級入門借鑒。
demo地址:https://github.com/zhanglizzy/WXMiniAPP
一、安裝軟件:
首先咨詢了一下大前端盆友,前期通過微信官方文檔下載”微信開發者工具“(https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html
),該工具使用簡單,適合調試。對于資深開發者后期使用VSCode的較多。
二、申請賬號:
其實跟APP的開發者賬號類似,需要獲取一個APPID,但是如果不注冊使用游客模式也能跑起來,現在微信開放了個人賬號申請,提供郵箱注冊即可,也是在官方文檔里面有步驟指引。
三、啟動開發:
1、該工具模擬器、編輯器和調試器集中于一個界面,可視化比較強。如果覺得屏幕大小不夠,可點擊左上工具欄選擇性開啟/關閉某功能;
2、代碼目錄結構:
拿iOS app OC語言MVC設計模式來舉例,一個類分.h和.m組成,設計模式又分Model(數據模型)、View(視圖控件)、Controller(控制器邏輯管理)。而這里對應的是js(數據邏輯處理)、wxml(類似于html標簽定義)、wxss(類似于css樣式布局)。其中images文件夾是自定義創建的,用來存儲本地圖片。app.js:公共js;app.json:對微信小程序進行全局配置,決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置底部標簽欄 tab 等。
四、快捷鍵:
Command+S:保存文件(設置了保存即編譯后,此快捷鍵就相當于編譯鍵)
Command+[, Command+]:代碼行縮進,相當于tab鍵;
Command+Shift+[, Command+Shift+]:折疊/打開代碼塊
Shift+Alt+F:代碼格式化
Alt+Up,Alt+Down:上/下移動一行
Command+Shift+Enter:在當前行上方插入一行
Command+Shift+F:全局搜索
Command+F:當前頁搜索
Command+i:選中當前行