用微信小程式開發工具建立第一個小程式?

微信讓開發者可以快速地開發一個小程式。小程式可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗. 目前官方的IDE下載處於邀請訪問狀態,只有特別的開發者才有機會看到。不過有洩漏的版本可以讓我們提前嚐鮮。

工具/原料

微信web開發者工具v0.7

微信web開發者工具v0.9.092100

方法/步驟

先通過百度下載微信公眾平臺下載小程式開發工具IDE,安裝過程很簡單,一步步往下至完成。

用微信小程式開發工具建立第一個小程式

用微信小程式開發工具建立第一個小程式

用微信小程式開發工具建立第一個小程式

用微信小程式開發工具建立第一個小程式

用微信小程式開發工具建立第一個小程式

啟動後建立一個應用,因為是本地測試用,appid隨便填

用微信小程式開發工具建立第一個小程式

點選開發者工具左側導航的“編輯”,我們可以看到這個專案,已經初始化幷包含了一些簡單的程式碼檔案。最關鍵也是必不可少的,是 app.js、app.json、app.wxss 這三個。其中,.js字尾的是指令碼檔案,.json字尾的檔案是配置檔案,.wxss字尾的是樣式表文件。微信小程式會讀取這些檔案,並生成小程式例項

用微信小程式開發工具建立第一個小程式

點選“除錯”,在AppData,userinfo下新增一個nickname:yourname,可以看到左側介面同時顯示出yourname,點選yourname跳轉到日誌介面

用微信小程式開發工具建立第一個小程式

用微信小程式開發工具建立第一個小程式

微信, 開發者, 程式,
相關問題答案