當前位置:首頁 » 工具五金 » 微信開發者工具如何建目錄
擴展閱讀
茶禪一味什麼價格 2024-11-16 05:23:52
哪些學習工具要用黑蘋果 2024-11-16 05:23:06

微信開發者工具如何建目錄

發布時間: 2023-12-07 09:16:26

『壹』 微信小程序開發工具怎麼使用

1、獲取微信小程序的 AppID

首先,我們需要擁有一個賬號,如果你能看到該文檔,我們應當已經邀請並為你創建好一個賬號。注意不可直接使用服務號或訂閱號的 AppID。 利用提供的賬號,登錄https://mp.weixin.qq.com,就可以在網站的「設置」-「開發者設置」中,查看到微信小程序的 AppID 了。

2、創建項目

我們需要通過開發者工具,來完成小程序創建和代碼編輯。開發者工具安裝完成後,打開並使用微信掃碼登錄。選擇創建「項目」,填入上文獲取到的 AppID,設置一個本地項目的名稱(非小程序名稱),比如「我的第一個項目」,並選擇一個本地的文件夾作為代碼存儲的目錄,點擊「新建項目」就可以了。

3、編寫代碼

點擊開發者工具左側導航的「編輯」,我們可以看到這個項目,已經初始化並包含了一些簡單的代碼文件。最關鍵也是必不可少的,是 app.js、app.json、app.wxss 這三個。其中,.js 後綴的是腳本文件,.json 後綴的文件是配置文件,.wxss 後綴的是樣式表文件。微信小程序會讀取這些文件,並生成小程序實例。

4、創建頁面

每一個小程序頁面是由同路徑下同名的四個不同後綴文件的組成,如:index.js、index.wxml、index.wxss、index.json。.js 後綴的文件是腳本文件,.json 後綴的文件是配置文件,.wxss 後綴的是樣式表文件,.wxml 後綴的文件是頁面結構文件。

在這個小程序開發教程里,我們有兩個頁面,index 頁面和 logs 頁面,即歡迎頁和小程序啟動日誌的展示頁,他們都在 pages 目錄下。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。

頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。

index.json是頁面的配置文件,頁面的配置文件是非必要的。當有頁面的配置文件時,配置項在該頁面會覆蓋app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用app.json 中的默認配置。

『貳』 微信小程序開發工具使用步驟

1、首先要下載微信官方的微信Web開發者工具。打開微信公眾平台,找到右下方的小程序模塊,點擊「開發」按鈕

2、點擊頂部導航欄的「工具」按鈕,在新頁面的左側欄中找到「下載」。可以看到,開發工具提供Windows32位、Windows64位和Mac三個版本。可根據實際情況,選擇適合自己電腦的開發工敗肢具。

3、安裝後,就可以直接啟動開發者工具。如果是首次啟動開發者工具,則需要使用開發者的微信號掃碼登錄。登陸後,點擊「添加項目」按鈕,填寫APPID(如果沒有,則點擊無APPID)和項目名稱。接著,在項目燃畢目錄中點擊「選擇」,新建一個文件夾作為新的項目目錄。然後再次點擊「添加項目」,就可以新建出一個微信小程序項目了。

4、微信小程序開發者工具共分成「編輯」、「調試」和「項目」三個部分。

編輯:編輯和修改小程序的代碼。

調試:顯示小程序代碼錯誤和警告,便於調試代碼錯誤。

項目:用於查看小程序的屬性、修改小程序配置,以及提交小程序代碼至微信伺服器。

開發工具還提供簡單的模擬器(頁面左側),開發者可以使用模擬器在電腦上模擬用戶點擊及使用,提供後台情況模擬、多媒體播放器調試、緩存數據處理等功能。

5、懂技術的程序員到這一步就可以自己開發了。而不懂編程的小白,可以登錄微信小程序開發平台「即速應用」官方網站進行小程序的製作。裡面有大量的小程序模板,根據自己的需求選擇一個模板進行製作即可。

6、製作完成後,點擊「生成按鈕」。然後選擇「察段世小程序打包」,下載小程序的標准代碼包。

7、回到在微信Web開發工具中,在「項目目錄」這一欄選擇下載好的代碼包,打開後就可以看到小程序的預覽效果了。

8、在「項目」頁面中,開發者可以查看小程序的基本屬性,也可以進行真機預覽調試,或向微信伺服器提交一個新版本的小程序代碼。伺服器收到代碼後,管理員就可以通過公眾平台,將新版本提交審核了。