微信小程序開發工具教程

知經驗 IT科技 5.74K

今天就給大家分享下微信小程序開發及後期處理的相關教程：

材料/工具

微信開發者工具微信小程序生成平台即速應用

即速應用

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

點擊空白模板，進行自由創作。（也可以選擇主題模板進行快速製作）

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

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

製作完成後點擊右上角生成即可。

頁面跳轉後點擊發佈。

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

微信開發者工具

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

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

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

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

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