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

材料/工具

微信開發(fā)者工具微信小程序生成平臺即速應用

即速應用

用360瀏覽器登錄即速應用官網，點擊上方首頁菜單的制作，即可開始進行制作。

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

進入制作頁面后，點擊組件庫，拖拽組件開始搭建頁面。

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

制作完成后點擊右上角生成即可。

頁面跳轉后點擊發(fā)布。

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

微信開發(fā)者工具

首先打開開發(fā)者工具，點擊右上角項目-新建項目。

選擇小程序項目，進入管理頁面。

項目目錄要選空文檔或準備好的demo，有APPID則填寫沒有則點擊體驗小程序（建議去微信官網注冊申請），然后點擊確認。

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

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

點擊屏幕上方的編譯即可預在模擬器中覽程序結果，這樣就完成了你的小程序啦。

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