微信小程序開(kāi)發(fā)工具教程

材料/工具

微信開(kāi)發(fā)者工具微信小程序生成平臺(tái)即速應(yīng)用

即速應(yīng)用

用360瀏覽器登錄即速應(yīng)用官網(wǎng)，點(diǎn)擊上方首頁(yè)菜單的制作，即可開(kāi)始進(jìn)行制作。

點(diǎn)擊空白模板，進(jìn)行自由創(chuàng)作。（也可以選擇主題模板進(jìn)行快速制作）

進(jìn)入制作頁(yè)面后，點(diǎn)擊組件庫(kù)，拖拽組件開(kāi)始搭建頁(yè)面。

根據(jù)自己的需求選擇不同的組件，每個(gè)組件都是可以自己編輯屬性的。

制作完成后點(diǎn)擊右上角生成即可。

頁(yè)面跳轉(zhuǎn)后點(diǎn)擊發(fā)布。

打包點(diǎn)擊微信小程序即可。(后期處理可以用微信開(kāi)發(fā)者工具)

微信開(kāi)發(fā)者工具

首先打開(kāi)開(kāi)發(fā)者工具，點(diǎn)擊右上角項(xiàng)目-新建項(xiàng)目。

選擇小程序項(xiàng)目，進(jìn)入管理頁(yè)面。

項(xiàng)目目錄要選空文檔或準(zhǔn)備好的demo，有APPID則填寫(xiě)沒(méi)有則點(diǎn)擊體驗(yàn)小程序（建議去微信官網(wǎng)注冊(cè)申請(qǐng)），然后點(diǎn)擊確認(rèn)。

代碼構(gòu)成：
JSON 配置：
app.json-小程序配置 ；project.config.json-工具配置；page.json-頁(yè)面配置；
WXML 模板及樣式：

從事過(guò)網(wǎng)頁(yè)編程的人知道，網(wǎng)頁(yè)編程采用的是 HTML + CSS + JS 這樣的組合，其中 HTML 是用來(lái)描述當(dāng)前這個(gè)頁(yè)面的結(jié)構(gòu)，CSS 用來(lái)描述頁(yè)面的樣子，JS 通常是用來(lái)處理這個(gè)頁(yè)面和用戶的交互。同樣道理，在小程序中也有同樣的角色，其中 WXML 充當(dāng)?shù)木褪穷愃?HTML 的角色。WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些擴(kuò)充和修改。
JS 交互邏輯：
一個(gè)服務(wù)僅僅只有界面展示是不夠的，還需要和用戶做交互：響應(yīng)用戶的點(diǎn)擊、獲取用戶的位置等等。在小程序里邊，我們就通過(guò)編寫(xiě) JS 腳本文件來(lái)處理用戶的操作。

點(diǎn)擊屏幕上方的編譯即可預(yù)在模擬器中覽程序結(jié)果，這樣就完成了你的小程序啦。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com