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

本文目錄一覽：

• 1、微信開發(fā)者工具中調(diào)試器旁邊顯示的是什么
• 2、微信小程序開發(fā)工具怎么用 小程序開發(fā)工具使用方法
• 3、微信小程序需要哪些開發(fā)工具
• 4、微信支付缺少參數(shù)在哪里修改

微信開發(fā)者工具中調(diào)試器旁邊顯示的是什么

微信開發(fā)者工具區(qū)域構(gòu)成

調(diào)試器區(qū)域各個(gè)面板的功能

Wxml面板：用于幫助開發(fā)者開發(fā) Wxml 轉(zhuǎn)化后的界面。在這里可以看到真實(shí)的頁面結(jié)構(gòu)以及結(jié)構(gòu)對(duì)應(yīng)的 wxss 屬性，還可以查看數(shù)據(jù)是否渲染到頁面的代碼上。同時(shí)可以通過修改對(duì)應(yīng)的代碼，在模擬器中實(shí)時(shí)看到修改的情況（僅為實(shí)時(shí)預(yù)覽，無法保存文件）。通過調(diào)試器區(qū)域左上角的選擇器，還可以快速找到頁面中組件對(duì)應(yīng)的 wxml 代碼。

Console面板：可以用來顯示小程序的輸出信息、出錯(cuò)信息等，還可以在控制臺(tái)中輸入build（編譯小程序）、preview（預(yù)覽）、upload（上傳代碼）、npm（包管理）等命令，執(zhí)行URL的代理使用情況的checkProxy（URL）命令。

AppData面板：用于顯示當(dāng)前項(xiàng)目運(yùn)行時(shí)小程序 AppData 具體數(shù)據(jù)，實(shí)時(shí)地反映項(xiàng)目數(shù)據(jù)情況，可以在此處編輯數(shù)據(jù)，并及時(shí)地反饋到界面上。

Sources面板：用于顯示當(dāng)前項(xiàng)目的腳本文件，與瀏覽器開發(fā)不同，微信小程序框架會(huì)對(duì)腳本文件進(jìn)行編譯，所以在 Sources 面板中開發(fā)者看到的文件是經(jīng)過處理之后的腳本文件，開發(fā)者的代碼都會(huì)被包裹在 define() 函數(shù)中，并且對(duì)于 Page（頁面） 代碼，在尾部會(huì)有 require 的主動(dòng)調(diào)用。

Storage面板：用于顯示當(dāng)前項(xiàng)目的使用 wx.setStorage() 或者 wx.setStorageSync() 后的數(shù)據(jù)存儲(chǔ)情況?？梢灾苯釉赟torage面板上對(duì)數(shù)據(jù)進(jìn)行刪除、新增、修改。

NetWork面板：用于觀察發(fā)送請(qǐng)求（request）和調(diào)用文件（socket）的信息和具體情況。

Audits面板：可用來在小程序運(yùn)行過程中實(shí)時(shí)檢查，分析出一些可能導(dǎo)致體驗(yàn)不好的地方，并定位出哪里有問題，以及給出一些優(yōu)化建議。

Security面板：用于調(diào)試當(dāng)前程序的安全和認(rèn)證等問題，并確保已經(jīng)在程序上正確使用Https。

Sensor面板：可以在這里選擇模擬地理位置（緯度、經(jīng)度、速度、精確度、高度、水平、精確度、垂直精確度等地理定位信息和方向定位信息）；模擬移動(dòng)設(shè)備表現(xiàn)，用于調(diào)試重力感應(yīng)API。

Trace面板：實(shí)現(xiàn)對(duì)不同設(shè)備的監(jiān)測

微信小程序開發(fā)工具怎么用 小程序開發(fā)工具使用方法

1、首先要下載微信官方的微信Web開發(fā)者工具。打開微信公眾平臺(tái)（mp.weixin.qq.com），找到右下方的小程序模塊，點(diǎn)擊「開發(fā)」按鈕；

2、點(diǎn)擊頂部導(dǎo)航欄的「工具」按鈕，在新頁面的左側(cè)欄中找到「下載」?？梢钥吹?，開發(fā)工具提供 Windows 32 位、Windows 64 位和 Mac 三個(gè)版本?？筛鶕?jù)實(shí)際情況，選擇適合自己電腦的開發(fā)工具。

3、安裝后，就可以直接啟動(dòng)開發(fā)者工具。如果是首次啟動(dòng)開發(fā)者工具，需要使用開發(fā)者的微信號(hào)掃碼登錄。登陸后，點(diǎn)擊「添加項(xiàng)目」按鈕，填寫 AppID（如果沒有，則點(diǎn)擊無 AppID）和項(xiàng)目名稱。接著，在項(xiàng)目目錄中點(diǎn)擊「選擇」，新建一個(gè)文件夾作為新的項(xiàng)目目錄。然后再次點(diǎn)擊「添加項(xiàng)目」，就可以新建出一個(gè)微信小程序項(xiàng)目了。

4、微信開發(fā)者工具共分成「編輯」、「調(diào)試」和「項(xiàng)目」三個(gè)部分。

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

調(diào)試：顯示小程序代碼錯(cuò)誤和警告，便于調(diào)試代碼錯(cuò)誤。

項(xiàng)目：用于查看小程序的屬性、修改小程序配置，以及提交小程序代碼至微信服務(wù)器。

5、懂技術(shù)的程序員到這一步就可以自己開發(fā)了。而不懂編程的小白，可以登錄微信小程序制作平臺(tái)「即速應(yīng)用」官方網(wǎng)站進(jìn)行小程序的制作。里面有大量的小程序模板，根據(jù)自己的需求選擇一個(gè)模板進(jìn)行制作即可。

開發(fā)工具還提供簡單的模擬器（頁面左側(cè)），開發(fā)者可以使用模擬器在電腦上模擬用戶點(diǎn)擊及使用，提供后臺(tái)情況模擬、多媒體播放器調(diào)試、緩存數(shù)據(jù)處理等功能

6、制作完成后，點(diǎn)擊「生成」按鈕。然后選擇「小程序打包」，下載小程序的標(biāo)準(zhǔn)代碼包。

7、回到在微信Web開發(fā)工具中，在「項(xiàng)目目錄」這一欄選擇下載好的代碼包，打開后就可以看到小程序的預(yù)覽效果了。

8、在「項(xiàng)目」頁面中，開發(fā)者可以查看小程序的基本屬性，也可以進(jìn)行真機(jī)預(yù)覽調(diào)試，或向微信服務(wù)器提交一個(gè)新版本的小程序代碼。服務(wù)器收到代碼后，管理員就可以通過公眾平臺(tái)，將新版本提交審核了。

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

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

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

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

優(yōu)點(diǎn)

因?yàn)槭枪俜焦ぞ咚杂羞@其它第三方工具有這不可比擬的天然優(yōu)勢，如果不是他代碼編輯功能太弱的話。

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

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

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

官方維護(hù)更新

缺點(diǎn)

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

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

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

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

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

評(píng)價(jià)

目前因?yàn)樾枰玫轿⑿舧eb開發(fā)工具進(jìn)行小程序的創(chuàng)建、調(diào)試、查看、預(yù)覽、上傳，所以這個(gè)工具必不可少。但是代碼編輯功能實(shí)在太差，推薦使用其它第三方代碼編輯工具代替。

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

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

優(yōu)點(diǎn)

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

提供大量可套用的模板

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

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

缺點(diǎn)

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

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

評(píng)價(jià)

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

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

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

優(yōu)點(diǎn)

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

代碼編輯體驗(yàn)舒適、高效

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

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

缺點(diǎn)

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

因?yàn)槭堑谌介_發(fā)者編寫的插件，代碼提示也不是非常全面

評(píng)價(jià)

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

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

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

優(yōu)點(diǎn)

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

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

各種快捷鍵

缺點(diǎn)

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

功能比較多、比較臃腫

評(píng)價(jià)

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

微信支付缺少參數(shù)在哪里修改

只能在微信開發(fā)者工具里修改。

打開微信開發(fā)者工具，調(diào)試頁面時(shí)，發(fā)現(xiàn)支付方法被調(diào)用了2次，回想了在安卓上支付時(shí)，如果是清緩存后支付，會(huì)先彈出支付窗口，不到一秒再彈缺少appid錯(cuò)誤；再次打開頁面支付時(shí)，是先彈錯(cuò)誤，再彈支付窗口。

把if (typeof WeixinJSBridge == "undefined")這段放到j(luò)s最外層，另外支付方法也改了，調(diào)用不再傳參，而是定義了全局變量存放支付參數(shù)，經(jīng)測試，ios和安卓支付都正常。

微信開發(fā)者工作是微信官方提供的針對(duì)微信小程序的開發(fā)工具，集中了開發(fā)，調(diào)試，預(yù)覽，上傳等功能。微信團(tuán)隊(duì)發(fā)布了微信小程序開發(fā)者工具、微信小程序開發(fā)文檔和微信小程序設(shè)計(jì)指南，全新的開發(fā)者工具，集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能，幫助開發(fā)者簡單和高效地開發(fā)微信小程序。

啟動(dòng)工具時(shí)，開發(fā)者需要使用已在后臺(tái)綁定成功的微信號(hào)掃描二維碼登錄，后續(xù)所有的操作都會(huì)基于這個(gè)微信的帳號(hào)。

程序調(diào)試主要有三大功能區(qū)：模擬器、調(diào)試工具和小程序操作區(qū)。

模擬器：

模擬器模擬微信小程序在客戶端真實(shí)的邏輯表現(xiàn)，對(duì)于絕大部分的?API?均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。

調(diào)試工具：

調(diào)試工具分為?6?大功能模塊：Wxml、Console、Sources、Network、Appdata、Storage以及WxmlPannel。

關(guān)于小程序開發(fā)工具appdata和小程序開發(fā)工具推薦的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。