小程序開發工具與基礎之環境搭建與工具


小程序開發准備

1、申請小程序賬號(appid)

2、下載並安裝微信開發者工具

 

進入微信公眾平台 https://mp.weixin.qq.com/

立即注冊小程序

 

 按照信息填寫之后完成注冊

具體操作可查看小程序官方開發文檔

 

使用注冊的小程序賬號密碼,登錄 https://mp.weixin.qq.com/

在菜單-設置-開發者設置中,查看小程序的appID

 

 

下載並安裝微信開發者工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

 

 選擇適合自己操作系統的最新穩定版本,傻瓜式下載安裝即可

 

掃碼登錄

 

 新建小程序項目

(沒有appID可以暫時先使用測試號)

不過現在個人是可以注冊小程序的,還是建議注冊一個,因為測試號有很多限制

 

 

小程序屬於前端開發,單獨的小程序是沒有意義的

而完整的應用不僅要有前端,還需要服務器的支持(后端給前端提供數據)

小程序后端可以使用后端語言來開發,比如java python php node.js ,不懂后端的可以使用小程序雲開發

 

 

 進去以后的默認頁面是這樣的,微信頭像+微信名,怎么這么大……

 

微信開發工具UI簡介與小程序調試方法

創建類型:

 

如果選擇page,會生成4個文件 .js  .json  .xml  .xss

 

如何查看快捷鍵:

鼠標移動到代碼區域,按F1,會出現所有操作及快捷鍵

 

 

如何運行代碼:

1、點擊編譯

 

 2、小程序有自動編譯功能

編輯完代碼之后按ctrl+s保存即可自動編譯

 

清緩存:

 

 

如何查看項目的配置信息和狀態:

點擊設置-項目設置

 

 

 

 或者點擊右上角的詳情

 

 

 

關於調試:

1、console.log打印變量進行查看

2、斷點調試,在控制台sources點擊對應文件,左側可以進行打斷點操作

然后再點擊下編譯

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM