本篇文章給大家談?wù)勏螺d微信小程序開發(fā)工具，以及微信小程序開發(fā)工具下載哪個版本對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

微信小程序怎么安裝 如何下載微信小程序

1、首先我們進入微信小程序的官網(wǎng)，找到“開發(fā)者工具”選項。

2、然后點擊左側(cè)的“下載”菜單。

3、在右側(cè)選擇“穩(wěn)定版”，根據(jù)自己電腦的操作系統(tǒng)的版本選擇對應(yīng)的安裝包。

4、在彈出的對話框中點擊“下載”。

5、在桌面上找到下載好的安裝包，點擊打開。

6、點擊下一步，并選擇“我接受”，表示接受協(xié)議。

7、選擇軟件的安裝目錄，然后點擊“安裝”，安裝需要一點時間，安裝完成之后，點擊“完成”即可。

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

1、注冊微信小程序賬號

小程序注冊賬號

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

微信小程序官方

2、獲取APPID

獲取小程序APPID

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

3、綁定開發(fā)者

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

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

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

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

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

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

微信小程序

6、編寫微信小程序代碼

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

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

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

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

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

微信小程序開發(fā)

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

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

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

微信小程序教程詳解

8、手機預(yù)覽

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

9、上傳小程序代碼

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

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

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

微信小程序需要哪些開發(fā)工具

微信小程序需要哪些開發(fā)工具?

一、微信小程序官方開發(fā)工具

注意，它只是個工具，而不是一個IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中，不足以支撐開發(fā)。

優(yōu)點

因為是官方工具所以有這其它第三方工具有這不可比擬的天然優(yōu)勢，如果不是他代碼編輯功能太弱的話。

官方工具，可調(diào)試，可預(yù)覽

基本的代碼編輯、智能提示、調(diào)試等功能都有

項目管理、創(chuàng)建、手機預(yù)覽、代碼提交審核

官方維護更新

缺點

不好的地方也很明顯，總體而言是一款工具而不是IDE。糟糕的代碼編輯功能，寫起代碼非常別扭，這是我放棄它的最重要原因。

api提示不全，要一個個查api，影響寫代碼的速度

很多必備的快捷鍵都沒有，比如全選關(guān)鍵字、快速復(fù)制一行等等

顏色主題不能選，不喜歡白色風(fēng)格怎么搞

沒有插件 沒有插件 沒有插件 重要的事情說三遍

評價

目前因為需要用到微信web開發(fā)工具進行小程序的創(chuàng)建、調(diào)試、查看、預(yù)覽、上傳，所以這個工具必不可少。但是代碼編輯功能實在太差，推薦使用其它第三方代碼編輯工具代替。

二、即速應(yīng)用——適合技術(shù)小白的小程序開發(fā)工具

嚴格來說，即速應(yīng)用并不是為專業(yè)程序員準備的開發(fā)工具，但它絕對是一款功能非常強大的微信小程序制作工具。不懂技術(shù)不懂編程的人，一定會愛上即速應(yīng)用這款工具的。

優(yōu)點

可視化操作，直接拖拽組件生成頁面

提供大量可套用的模板

可將代碼打包下載，直接對接到小程序的開發(fā)工具

下載下來后的代碼可以任意編輯

缺點

電商模板居多，其他類別的模板較少

復(fù)雜的功能仍然需要專業(yè)程序員二次開發(fā)

評價

客觀地說，即速應(yīng)用這款微信小程序制作工具非常適合技術(shù)小白。因為它相當(dāng)于把需要代碼的`部分都幫你做好了，所以不用太頭疼技術(shù)方面的問題。當(dāng)然，如果你是程序員，一樣可以在它生成的代碼基礎(chǔ)上進行二次開發(fā)的。

三、Sublime Text 3——簡潔高效的開發(fā)工具

sublime text 3定位于代碼編輯器而不是IDE，在代碼提示方面只能算一般般，不過勝在使用起來非常方便。

優(yōu)點

打開文件速度倍兒快、UI簡潔大方

代碼編輯體驗舒適、高效

擁有大量插件，針對不同需求基本上能找到對應(yīng)插件來滿足

第三方開發(fā)者開發(fā)小程序插件用于代碼著色和代碼提示

缺點

沒有調(diào)試，沒有預(yù)覽

因為是第三方開發(fā)者編寫的插件，代碼提示也不是非常全面

評價

使用門檻不會太高，可以迅速上手。是但如果想實現(xiàn)一些豐富的功能就會比較吃力了。

四、WebStorm——功能繁多的重度開發(fā)工具

WebStorm網(wǎng)上有個插件，可以實現(xiàn)代碼提示，不能做調(diào)試和預(yù)覽，并且屬于重度工具，如果你是，可以嘗試一下這個工具。

優(yōu)點

有插件可以實現(xiàn)代碼高亮，代碼提示等功能

有非常成熟和非常豐富的功能

各種快捷鍵

缺點

無法調(diào)試預(yù)覽

功能比較多、比較臃腫

評價

Webstorm和上述幾個工具相比，代碼編輯功能較強大。但是需要插件支持才可以開發(fā)小程序，而且體積臃腫。

下載微信小程序開發(fā)工具的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于微信小程序開發(fā)工具下載哪個版本、下載微信小程序開發(fā)工具的信息別忘了在本站進行查找喔。