首頁小程序開發(fā) 正文

小程序開發(fā)者工具下載哪個(gè)版（小程序的開發(fā)工具是什么）

小程序開發(fā) 2023-03-18T07:12:06 2325

本篇文章給大家談?wù)勑〕绦蜷_發(fā)者工具下載哪個(gè)版，以及小程序的開發(fā)工具是什么對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。本文目錄一覽： 1、微信web開發(fā)工具在哪

本篇文章給大家談?wù)勑〕绦蜷_發(fā)者工具下載哪個(gè)版，以及小程序的開發(fā)工具是什么對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

微信web開發(fā)工具在哪

1、網(wǎng)頁搜索微信官網(wǎng)，點(diǎn)擊打開，在首頁導(dǎo)航欄點(diǎn)擊幫助與反饋，如圖：

2、在搜索框中搜索小程序，并點(diǎn)擊打開

3、在出來的頁面中選擇“進(jìn)入產(chǎn)品專區(qū)”，點(diǎn)擊，如圖：

4、在頁面左側(cè)導(dǎo)航中選擇開發(fā)問題，并選擇內(nèi)容頁面中的“小程序開發(fā)接口新增能力”，如圖：

5、然后在“小程序開發(fā)接口新增能力”頁面偏下的位置找到并點(diǎn)擊“小程序支持打開移動(dòng)應(yīng)用功能”，如圖：

6、在出現(xiàn)的頁面中找到工具選擇，打開，并選擇概覽中的藍(lán)色字體“微信開發(fā)者工具”，如圖：

7、最后，選擇在頁面中出現(xiàn)的第一個(gè)結(jié)果，最新下載地址，下載即可。

微信小程序開發(fā)？

1、注冊(cè)微信小程序賬號(hào)

小程序注冊(cè)賬號(hào)

這個(gè)直接進(jìn)入微信小程序官網(wǎng)自行注冊(cè)即可，在此不多贅述。

微信小程序官方

2、獲取APPID

獲取小程序APPID

APPID在哪里獲取呢，根據(jù)第一步注冊(cè)的小程序帳號(hào)，然后登陸上，找到左側(cè)“設(shè)置”，“開發(fā)設(shè)置”，就看到APPID啦，把APPID復(fù)制下來，留作備用。

3、綁定開發(fā)者

如果在第一步注冊(cè)小程序帳號(hào)的時(shí)候，你不是管理員，那么這個(gè)時(shí)候，還需要綁定個(gè)開發(fā)者，直接登錄小程序后臺(tái)，點(diǎn)左側(cè)“用戶身份”-點(diǎn)右側(cè)“編輯”添加成員，出現(xiàn)個(gè)二維碼，管理員掃描二維碼后，然后輸入開發(fā)者微信號(hào)，勾選權(quán)限，確定，就可以了。

4、下載微信小程序開發(fā)者工具

下載微信小程序開發(fā)者工具

直接在微信小程序官方下載即可，根據(jù)不同的電腦系統(tǒng)下載對(duì)應(yīng)的版本，安裝即可，不多贅述！

5、創(chuàng)建微信小程序項(xiàng)目

打開步驟4中安裝好的小程序開發(fā)工具，然后用開發(fā)者（或者管理員）掃碼登錄，選擇創(chuàng)建“新項(xiàng)目”，填入步驟2獲取到的 AppID，設(shè)置一個(gè)本地項(xiàng)目的名稱，并選擇一個(gè)本地的文件夾作為代碼存儲(chǔ)的目錄，點(diǎn)擊「新建項(xiàng)目」就可以了。

微信小程序

6、編寫微信小程序代碼

編寫代碼對(duì)新手來說有點(diǎn)難度，不過我們可以從微信小程序官方上直接下載代碼實(shí)例，下載后，直接解壓到步驟5代碼存儲(chǔ)目錄內(nèi)即可。這時(shí)我們會(huì)發(fā)現(xiàn)，有三個(gè)后綴的文件，分別為app.js、app.json、app.wxss。其中，.js 后綴的是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件。

接下來喝彩科技工程師趙德志在這里詳細(xì)給大家說下，它們各自的功能。

app.js?是小程序的腳本代碼。我們可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量。調(diào)用 MINA 提供的豐富的 API，如本例的同步存儲(chǔ)及同步讀取本地?cái)?shù)據(jù)。

app.json?是對(duì)整個(gè)小程序的全局配置。我們可以在這個(gè)文件中配置小程序是由哪些頁面組成，配置小程序的窗口背景色，配置導(dǎo)航條樣式，配置默認(rèn)標(biāo)題。注意該文件不可添加任何注釋。

app.wxss?是整個(gè)小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規(guī)則。

微信小程序開發(fā)

7、創(chuàng)建微信小程序頁面

微信小程序中的每一個(gè)頁面的【路徑 + 頁面名】都需要寫在 app.json 的 pages 中，且 pages 中的第一個(gè)頁面是小程序的首頁。

每一個(gè)小程序頁面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js 后綴的文件是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件，.wxml 后綴的文件是頁面結(jié)構(gòu)文件。

微信小程序教程詳解

8、手機(jī)預(yù)覽

開發(fā)者工具左側(cè)菜單欄選擇"項(xiàng)目"，點(diǎn)擊"預(yù)覽"，掃碼后即可在微信客戶端中體驗(yàn)。

9、上傳小程序代碼

開發(fā)者工具左側(cè)菜單欄選擇"項(xiàng)目"，點(diǎn)擊"上傳"即可將代碼上傳到微信小程序服務(wù)器。

10、提交微信審核及小程序發(fā)布

步驟9上傳好小程序代碼后，提交微信進(jìn)行審核。審核現(xiàn)在也很快，一把幾個(gè)小時(shí)就審核過了，慢的話估計(jì)2-5天吧，等審核通過后，就可以在小程序后臺(tái)，進(jìn)行發(fā)布上線了。