小程序開發工具appdata（小程序開發工具準備包含）

本篇文章(zhāng)給大家談談小程序開發工具appdata，以及小程序開發工具準備包含對應的(de)知識點，希望對各位有(yǒu)所幫助，不要忘了收藏本站喔。

本文目錄一(yī)覽：

• 1、微信小程序需要哪些開發工具
• 2、微信小程序開發工具怎麽用 小程序開發工具使用方法
• 3、微信開發者工具中調試器旁邊顯示的(de)是什麽

微信小程序需要哪些開發工具

微信小程序需要哪些開發工具?

一(yī)、微信小程序官方開發工具

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

優點

因為(wèi)是官方工具所以有(yǒu)這其它第三方工具有(yǒu)這不可(kě)比拟的(de)天然優勢，如(rú)果不是他代碼編輯功能太弱的(de)話。

官方工具，可(kě)調試，可(kě)預覽

基本的(de)代碼編輯、智能提示、調試等功能都有(yǒu)

項目管理(lǐ)、創建、手機(jī)預覽、代碼提交審核

官方維護更新

缺點

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

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

很多必備的(de)快捷鍵都沒有(yǒu)，比如(rú)全選關鍵字、快速複制一(yī)行(xíng)等等

顔色主題不能選，不喜歡白色風格怎麽搞

沒有(yǒu)插件 沒有(yǒu)插件 沒有(yǒu)插件 重要的(de)事情說三遍

評價

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

二、即速應用——适合技術小白的(de)小程序開發工具

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

優點

可(kě)視(shì)化操作，直接拖拽組件生成頁面

提供大量可(kě)套用的(de)模闆

可(kě)将代碼打包下載，直接對接到小程序的(de)開發工具

下載下來後的(de)代碼可(kě)以任意編輯

缺點

電商(shāng)模闆居多，其他類别的(de)模闆較少

複雜的(de)功能仍然需要專業程序員二次開發

評價

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

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

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

優點

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

代碼編輯體驗舒适、高(gāo)效

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

第三方開發者開發小程序插件用于代碼着色和(hé)代碼提示

缺點

沒有(yǒu)調試，沒有(yǒu)預覽

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

評價

使用門檻不會太高(gāo)，可(kě)以迅速上手。是但如(rú)果想實現一(yī)些豐富的(de)功能就會比較吃力了。

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

WebStorm網上有(yǒu)個插件，可(kě)以實現代碼提示，不能做(zuò)調試和(hé)預覽，并且屬于重度工具，如(rú)果你是，可(kě)以嘗試一(yī)下這個工具。

優點

有(yǒu)插件可(kě)以實現代碼高(gāo)亮(liàng)，代碼提示等功能

有(yǒu)非常成熟和(hé)非常豐富的(de)功能

各種快捷鍵

缺點

無法調試預覽

功能比較多、比較臃腫

評價

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

微信小程序開發工具怎麽用 小程序開發工具使用方法

1、首先要下載微信官方的(de)微信Web開發者工具。打開微信公衆平台（mp.weixin.qq.com），找到右下方的(de)小程序模塊，點擊「開發」按鈕；

2、點擊頂部導航欄的(de)「工具」按鈕，在新頁面的(de)左側欄中找到「下載」。可(kě)以看到，開發工具提供 Windows 32 位、Windows 64 位和(hé) Mac 三個版本。可(kě)根據實際情況，選擇适合自(zì)己電腦的(de)開發工具。

3、安裝後，就可(kě)以直接啓動開發者工具。如(rú)果是首次啓動開發者工具，需要使用開發者的(de)微信号掃碼登錄。登陸後，點擊「添加項目」按鈕，填寫 AppID（如(rú)果沒有(yǒu)，則點擊無 AppID）和(hé)項目名稱。接着，在項目目錄中點擊「選擇」，新建一(yī)個文件夾作為(wèi)新的(de)項目目錄。然後再次點擊「添加項目」，就可(kě)以新建出一(yī)個微信小程序項目了。

4、微信開發者工具共分成「編輯」、「調試」和(hé)「項目」三個部分。

編輯：編輯和(hé)修改小程序的(de)代碼。

調試：顯示小程序代碼錯誤和(hé)警告，便于調試代碼錯誤。

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

5、懂技術的(de)程序員到這一(yī)步就可(kě)以自(zì)己開發了。而不懂編程的(de)小白，可(kě)以登錄微信小程序制作平台「即速應用」官方網站進行(xíng)小程序的(de)制作。裏面有(yǒu)大量的(de)小程序模闆，根據自(zì)己的(de)需求選擇一(yī)個模闆進行(xíng)制作即可(kě)。

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

6、制作完成後，點擊「生成」按鈕。然後選擇「小程序打包」，下載小程序的(de)标準代碼包。

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

8、在「項目」頁面中，開發者可(kě)以查看小程序的(de)基本屬性，也可(kě)以進行(xíng)真機(jī)預覽調試，或向微信服務器提交一(yī)個新版本的(de)小程序代碼。服務器收到代碼後，管理(lǐ)員就可(kě)以通過公衆平台，将新版本提交審核了。

微信開發者工具中調試器旁邊顯示的(de)是什麽

微信開發者工具區域構成

調試器區域各個面闆的(de)功能

Wxml面闆：用于幫助開發者開發 Wxml 轉化後的(de)界面。在這裏可(kě)以看到真實的(de)頁面結構以及結構對應的(de) wxss 屬性，還可(kě)以查看數據是否渲染到頁面的(de)代碼上。同時可(kě)以通過修改對應的(de)代碼，在模拟器中實時看到修改的(de)情況（僅為(wèi)實時預覽，無法保存文件）。通過調試器區域左上角的(de)選擇器，還可(kě)以快速找到頁面中組件對應的(de) wxml 代碼。

Console面闆：可(kě)以用來顯示小程序的(de)輸出信息、出錯信息等，還可(kě)以在控制台中輸入build（編譯小程序）、preview（預覽）、upload（上傳代碼）、npm（包管理(lǐ)）等命令，執行(xíng)URL的(de)代理(lǐ)使用情況的(de)checkProxy（URL）命令。

AppData面闆：用于顯示當前項目運行(xíng)時小程序 AppData 具體數據，實時地(dì)反映項目數據情況，可(kě)以在此處編輯數據，并及時地(dì)反饋到界面上。

Sources面闆：用于顯示當前項目的(de)腳本文件，與浏覽器開發不同，微信小程序框架會對腳本文件進行(xíng)編譯，所以在 Sources 面闆中開發者看到的(de)文件是經過處理(lǐ)之後的(de)腳本文件，開發者的(de)代碼都會被包裹在 define() 函數中，并且對于 Page（頁面） 代碼，在尾部會有(yǒu) require 的(de)主動調用。

Storage面闆：用于顯示當前項目的(de)使用 wx.setStorage() 或者 wx.setStorageSync() 後的(de)數據存儲情況。可(kě)以直接在Storage面闆上對數據進行(xíng)删除、新增、修改。

NetWork面闆：用于觀察發送請求（request）和(hé)調用文件（socket）的(de)信息和(hé)具體情況。

Audits面闆：可(kě)用來在小程序運行(xíng)過程中實時檢查，分析出一(yī)些可(kě)能導緻體驗不好的(de)地(dì)方，并定位出哪裏有(yǒu)問題，以及給出一(yī)些優化建議。

Security面闆：用于調試當前程序的(de)安全和(hé)認證等問題，并确保已經在程序上正确使用Https。

Sensor面闆：可(kě)以在這裏選擇模拟地(dì)理(lǐ)位置（緯度、經度、速度、精确度、高(gāo)度、水平、精确度、垂直精确度等地(dì)理(lǐ)定位信息和(hé)方向定位信息）；模拟移動設備表現，用于調試重力感應API。

Trace面闆：實現對不同設備的(de)監測

小程序開發工具appdata的(de)介紹就聊到這裏吧(ba)，感謝你花時間閱讀本站內(nèi)容，更多關于小程序開發工具準備包含、小程序開發工具appdata的(de)信息别忘了在本站進行(xíng)查找喔。