針對開發人員的需要，本站匯總了微信小程序開發者工具使用教程和常見問題，幫助大家快速掌握和使用！

微信小程序開發者工具下載教程

微信小程序開發者工具創建小程序項目教程

微信小程序開發者工具導入小程序項目

微信小程序開發者工具主界面功能介紹

除了官方推出的微信小程序開發者工具，開發人員也可以使用小程序第三方開發工具開發和調式小程序。

微信小程序開發者工具怎么使用及常見問題最先出現在微信小程序觀察網。

微信開發者官方交流沙龍（廣州站）活動報名中最先出現在微信小程序觀察網。

首先，即速應用小程序平臺是一個收費平臺，注冊可享受7天試用權益，試用期內可以通過該平臺自己搭建想要的小程序，同時支持100+行業的模板。小編認為，對于零基礎小程序開發者或商家，7天的試用體驗到什么樣的程度，不好說。

重點來介紹下即速應用小程序的制作流程復雜不復雜呢？說實話，小編覺得還是比較方便的，既可以直接選擇空白模板自己搭建，也可以選擇具體行業的具體模板然后在基礎上進一步添加組件功能，目前免費可以使用的功能組件有30多種，支持可視化拖拽。

在小編對即速應用小程序的體驗過程中，整體來說難度不大。但在最后一步可能有點難度，那就是在即速應用小程序編輯好小程序樣式和功能后，生成小程序代碼，然后提交到微信官方后臺的開發者工具里，這點對于商家來說不一定能快速掌握，好在官方也提供了相應教程。

小程序觀察網體驗了一把即速應用小程序制作開發工具的使用，要說即速應用小程序怎么樣？只能說它和其他第三方小程序制作開發工具相差不大，當然也有它自己的一些特色，有興趣的朋友當然可以去免費體驗下。

即速應用小程序對于零基礎的小程序開發者來說比較簡單，不過如果是商家想做一個商城小程序，小編認為既然同樣是收費，不如多對比對比小程序服務商，比如專門的零售小程序服務商，這類服務商同樣是提供行業模板和各類營銷功能，關鍵是直接授權就可以發布使用，沒有太多的復雜流程，還有最重要的就是性價比，性價比，性價比！

下面小程序觀察網給大家整理了即速應用小程序的使用教程，有興趣去體驗的朋友可以參考下：

1、訪問即速應用官網www.jisuapp.cn，點擊導航欄的“制作”，開始制作（沒有賬號的先注冊下賬號）；

2、可以選擇“空白模板”從零開始搭配風格，也可以直接選擇行業主題模板快速創作；

3、進入制作界面后，可以看到頁面分組和頁面屬性，點擊“組件庫”，開始搭建頁面。

4、即速應用提供的組件比較多，都可以直接拖拽使用。 根據自己的需求選擇組件來搭建頁面，每個組件的文字和圖片內容都是可以自己編輯的。

5、頁面編輯好后，并給每個頁面做好跳轉，先預覽確保邏輯無誤，再點擊右上角的“保存”，然后點擊“生成”即可。

6、跳轉頁面后，再次點擊“發布”即可生成。

7、點擊“小程序打包”，生成小程序的代碼。打包下載后，就可以直接上傳到微信官方后臺的開發者工具里，與小程序對接即可。

即速應用小程序怎么樣（附使用教程）最先出現在微信小程序觀察網。

1、訪問微信公眾平臺，下拉到底部的“賬號分類”里，點擊小程序詳情，再下拉到“開發支持”，點擊“開發者工具”；

2、點擊左側的“下載”，進入下載頁面；

3、根據電腦的windows版本選擇合適的版本下載，然后就和一般的軟件一樣正常安裝即可。

注：直達下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

微信小程序開發者工具怎么下載教程最先出現在微信小程序觀察網。

（排名部分先后，持續更新中！）

1、意派Coolsite360

簡介：意派Coolsite360是由上海意派科技研發運營的一個專業的微信小程序可視化設計工具，集成了小程序所有組件，可以在線進行小程序UI設計，支持Flex布局，可直接導出符合小程序標準的代碼供后續開發。

優點：集成微信小程序組件、預置微信設計規范、支持Flex布局、可視化的樣式設置、支持動畫/交互觸發設定、實時手機預覽小程序設計、一鍵導出小程序代碼、支持自定義組件擴展屬性。

缺點：小程序功能較為簡單，復雜的功能仍然需要程序員二次開發。

2、即速應用

簡介：即速應用是一款無需代碼即可一鍵生成的第三方微信小程序開發工具，功能非常強大，即使是不懂編程的小白，也可以快速上手，因為即速應用已經把需要代碼的部分都已經做好了，直接通過管理后臺去搭配制作就行。

優點：可視化操作，直接拖拽組件生成小程序頁面、提供大量可套用的模板、可將代碼打包下載，直接對接到小程序的開發工具。

缺點：電商小程序模板居多，其他類別的模板較少

以上整理分享的都易上手，功能強大的第三方微信小程序開發工具。如果你對編程了解的不多，又想自己搭建一個微信小程序出來，不妨試試這些開發工具吧！

微信小程序第三方開發工具有哪些（持續更新中）最先出現在微信小程序觀察網。

WebStorm小程序開發工具優點：

有插件可以實現代碼高亮，代碼提示等功能

有非常成熟和豐富的功能

各種快捷鍵

WebStorm小程序開發工具缺點：

無法調試預覽

功能比較多、比較臃腫

不過使用WebStorm開發微信小程序前，我們還是要對其稍微配置下的：

1、打開設置，依次File（文件）—Settiing（設置）；

2、然后在設置菜單依次找到Editor（編輯器）—文件類型，選中Cascading Style Sheet，然后在圖示的綠色“+”處點添加，在對話框中輸入*.wxss，點擊確定.wxss的配置完成；

3、繼續按照步驟2的流程選中Html，在對話框中輸入*.wxml，點擊確定即可配置wxml；

這樣，WebStorm編輯器對wxml和wxss的支持非常友好，可以開始開發微信小程序啦！

WebStorm開發微信小程序工具介紹最先出現在微信小程序觀察網。

相關推薦：微信小程序開發工具大全

微信開發者工具 1.02.1905081 更新最先出現在微信小程序觀察網。

HTTP調用可以通過檢查用戶目錄下端口文件是否有端口文件及嘗試連接來判斷工具是否安裝/啟動。

端口文件位置：

macOS : ~/Library/Application Support/微信web開發者工具/Default/.ide

Windows : ~/AppData/Local/微信web開發者工具/User Data/Default/.ide

1.打開工具

接口定義：

URL： /open

HTTP 方法: GET

URL 參數必填說明

projectpath否打開指定路徑中的項目。如項目已打開，自動刷新項目。如項目未創建，自動創建并打開項目

示例：

# 打開工具

http://127.0.0.1:端口號/open# 打開/刷新項目

http://127.0.0.1:端口號/open?projectpath=項目全路徑

注意：

項目路徑中必須含正確格式的 project.config.json 且其中有 appid 和 projectname 字段。

項目路徑需經 URL encode

2. 登錄

接口定義：

URL：/login

HTTP 方法：GET

URL 參數必填說明

format否指定登錄二維碼返回格式，可選值有 image、base64、terminal，默認 image。圖片格式為 png

qroutput否指定文件路徑，在文件寫入二維碼數據。如指定，二維碼將被寫入指定路徑的文件內，如未指定，二維碼將作為請求相應體返回

resultoutput否指定輸出登錄結果文件路徑

示例：

# 登錄，返回圖片格式的二維碼

http://127.0.0.1:端口號/login# 登錄，取 base64 格式二維碼

http://127.0.0.1:端口號/login?format=base64# 登錄，取 base64 格式二維碼，并寫入 /Users/username/logincode.txt

http://127.0.0.1:端口號/login?format=base64&qroutput=%2FUsers%2Fusername%2Flogincode.txt# 登錄，并寫入登錄結果到 /Users/username/loginresult.json

http://127.0.0.1:端口號/login?resultoutput=%2FUsers%2Fusername%2Floginresult.json

3. 預覽

接口定義：

URL：/preview

HTTP 方法：GET

URL 參數必填說明

projectpath是預覽指定路徑中的項目。如項目已打開，自動刷新項目。如項目未創建，自動創建并預覽項目

format否指定登錄二維碼返回格式，可選值有 image、base64、terminal，默認 image。圖片格式為 png

qroutput否指定文件路徑，在文件中寫入二維碼數據。如指定，二維碼將被寫入指定路徑的文件內，如未指定，二維碼將作為請求相應體返回

infooutput否指定后，會將本次預覽的額外信息以 json 格式輸出至指定路徑，如代碼包大小、分包大小信息。

compilecondition否指定自定義編譯條件，值為 json 字符串，條件可指定兩個字段，pathName 表示打開的頁面，不填表示首頁，query 表示頁面參數

示例：

# 預覽路徑為 /Users/username/demo 的項目，返回圖片格式的二維碼

http://127.0.0.1:端口號/preview?projectpath=%2FUsers%2Fusername%2Fdemo# 預覽路徑為 /Users/username/demo 的項目，返回 base64 格式的二維碼

http://127.0.0.1:端口號/preview?projectpath=%2FUsers%2Fusername%2Fdemo&format=base64# 預覽路徑為 /Users/username/demo 的項目，返回 base64 格式的二維碼，并寫入 /Users/username/logincode.txt

http://127.0.0.1:端口號/preview?projectpath=%2FUsers%2Fusername%2Fdemo&format=base64&qroutput=%2FUsers%2Fusername%2Flogincode.txt# 預覽路徑為 /Users/username/demo 的項目，返回圖片格式的二維碼，并將預覽信息輸出至 /Users/username/info.json

http://127.0.0.1:端口號/preview?projectpath=%2FUsers%2Fusername%2Fdemo&infooutput=%2Users%2username%2info.json# 預覽路徑為 /Users/username/demo 的項目，指定自定義編譯條件，啟動頁為 pages/index/index，參數為 x=1&y=2

http://127.0.0.1:端口號/preview?projectpath=%2FUsers%2Fusername%2Fdemo&compilecondition={“pathName”:”pages/index/index”,”query”:”a3=1″}

4. 上傳

接口定義：

URL：/upload

HTTP 方法：GET

URL 參數必填說明

projectpath是上傳指定路徑中的項目

version是版本號

desc否本次上傳的版本備注

infooutput否指定后，會將本次上傳的額外信息以 json 格式輸出至指定路徑，如代碼包大小、分包大小信息。

示例：

# 上傳路徑為 /Users/username/demo 的項目，指定版本號為 v1.0.0

http://127.0.0.1:端口號/upload?projectpath=%2FUsers%2Fusername%2Fdemo&version=v1.0.0# 上傳路徑為 /Users/username/demo 的項目，指定版本號為 v1.0.0，并帶上備注

http://127.0.0.1:端口號/upload?projectpath=%2FUsers%2Fusername%2Fdemo&version=v1.0.0&desc=test# 上傳路徑為 /Users/username/demo 的項目，指定版本號為 v1.0.0，并將上傳信息輸出至 /Users/username/info.json

http://127.0.0.1:端口號/upload?projectpath=%2FUsers%2Fusername%2Fdemo&version=v1.0.0&infooutput=%2Users%2username%2info.json

5. 構建 npm

接口定義：

URL：/buildnpm

HTTP 方法：GET

URL 參數必填說明

projectpath是上傳指定路徑中的項目

compiletype否編譯類型，miniprogram (默認) 或 plugin

示例：

# 構建路徑為 /Users/username/demo 的項目

http://127.0.0.1:端口號/buildnpm?projectpath=%2FUsers%2Fusername%2Fdemo&compiletype=miniprogram

6. 自動化測試

接口定義：

URL：/test

HTTP 方法：GET

URL 參數必填說明

projectpath是測試指定路徑中的項目

示例：

# 提交路徑為 /Users/username/demo 的項目進行測試

http://127.0.0.1:端口號/test?projectpath=%2FUsers%2Fusername%2Fdemo

請求響應

正常情況下 HTTP 相應狀態碼為 200，錯誤時 400，返回如下格式的 JSON 字符串：

{

“code”: 40000,

“error”: “原因”

}

7. 自動預覽

接口定義：

URL：/autopreview

HTTP 方法：GET

URL 參數必填說明

projectpath是指定路徑中的項目。如項目已打開，自動刷新項目。如項目未創建，自動創建并自動預覽項目

infooutput否指定后，會將本次自動預覽的額外信息以 json 格式輸出至指定路徑，如代碼包大小、分包大小信息。

示例：

# 自動預覽路徑為 /Users/username/demo 的項目，返回圖片格式的二維碼，并將預覽信息輸出至 /Users/username/info.json

http://127.0.0.1:端口號/autopreview?projectpath=%2FUsers%2Fusername%2Fdemo&infooutput=%2Users%2username%2info.json

以上就是HTTP調用具體介紹，希望以上的內容，對大家有所幫助！

HTTP調用是什么最先出現在微信小程序觀察網。

一、微信小程序助手功能

微信小程序助手常見功能有版本查看、成員管理、基礎數據以及性能分析等功能；

①版本查看：主要可以查看線上版、體驗版以及開發版，具體的還是看你的角色；

②成員管理：項目成員主要有開發者、運營者、基礎數據分析者以及交易數據分析者；

注：只有管理員才有新增或修改項目成員；

③基礎數據：可以看小程序數據概況、數據詳情（訪問人數、新訪問人數）、實時統計及用戶畫像等關鍵運營數據。

4 性能分析：可以監控小程序啟動總耗時、加載總耗時等基本性能指標，幫助開發者分析性能數據，更好的優化小程序用戶體驗。

以上就是微信小程序助手功能的介紹，希望以上的內容對大家有所幫助!

微信小程序助手功能有哪些最先出現在微信小程序觀察網。

1.申請微信小程序測試賬號

申請微信小程序測試號比較簡單，訪問https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html頁面，管理員掃碼登錄就可以了。可以查看自己測試賬號信息。如圖所示：

2.創建微信小程序測試號項目

申請完微信小程序測試賬號之后，我們會得到測試號信息，接下來我們可以通過微信小程序開發工具中使用測試號信息創建項目進行微信小程序開發。

具體流程：打開微信小程序開發工具-建立一個小程序項目-APPID?-就可以創建測試項目。如圖所示：

3.微信小程序測試號設置

微信小程序測試號設置：如果你想跳過網絡請求域名驗證，你可以勾選設置里的不校驗合法域名、web-view（業務域名）、TLS 版本以及 HTTPS 證書” 選項。

4.微信小程序測試號預覽功能

在工具欄里有預覽選項，點擊預覽，就可以體驗真機預覽，在真機預覽過程中如果你想跳過網絡域名請求，可以點擊右上角，打開調試就可以了。

以上就是微信小程序測試號使用教程，希望對大家有所幫助！

微信小程序測試號使用教程最先出現在微信小程序觀察網。