分享一個5分鐘搞定微信小程序開發的技能,需要用到兩個工具:Cursor和Hbuilder。
?
第1步、下載HBuilder。Hbuilder可以實現一套代碼直接生成安卓、蘋果、鴻蒙各個平臺APP。訪問Hbuilder的官方網站,HBuilderX-高效極客技巧,選擇適合自己的電腦安裝包,下載安裝即可。
第2步、解壓下載包,打開Hbuilder
第3步、在Hbuilder建App項目。打開Hbuilder的,在菜單欄依次選擇:文件→新建→項目。
第4步、在彈出菜單左側選擇uniapp,然后輸入項目名稱,最后點擊創建項目。
第5步、uni-app項目創建完畢,使用微信工具打開程序。運行->運行到小程序模擬器。這個時候會下載小程序開發工具,需要等一會。
第6步、查看微信開發工具顯示效果
第7步、下載Cursor,官方地址https://cursor.com/cn
第8步、安裝Cursor,一路下一步
第9步、打開Cursor,用郵件注冊賬號
第10步、Cursor生成代碼。首先打開Cursor,然后輸入指令。你要求Cursor做的事情越詳細越好,Cursor生成的代碼越接近與你。我做的是wifi二維碼圖片識別密碼功能,具體命令看下面。
我的小程序具體自然語:1/2/3圖是截圖,是第一步、第二步、第三步彈出的示例圖,告訴用戶頁面樣子。4圖是產品設計圖,首頁張的樣子。第一、二、三步是分享wifi人的操作步驟,第4步是鏈接wifi人的操作步驟,4步打開掃一掃,掃二維碼,二維碼樣式就是第3圖。二維碼識別出來字符串WIFI:T:WPA;S:1排25號;P:beijingxxx;;其中1排25號是wifi密碼,beijingxxx是wifi密碼。二維碼成功識別之后,做個彈框,顯示給用戶,頁面好看點,設計一個新logo
代碼描述完畢,Cursor開始分析要求,拆解步驟,代碼生成,代碼效驗。等一會代碼就生成好了。
第11步、切換到微信小程序預覽程序效果,并點擊看看是否有bug。
第12步、把上面代碼上傳到微信小程序官方,生成小程序二維碼,大家就可以訪問了。