微信小程序開發第一步:
注冊賬號,獲取到AppID(小程序的唯一標識)
https://mp.weixin.qq.com/wxopen/waregister?action=step1
注冊賬號.png
填寫身份信息.png
填寫小程序信息.png
微信小程序開發第二步:
一. 開發工具下載(使用微信官方提供的開發工具)
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=2018323
登錄.png
創建項目.png
開發工具頁面.png
二. 開發工具下載(使用我們所熟悉的WebStorm工具開發)
- Mac版 http://www.jetbrains.com/webstorm/download/#section=mac
- Windows版 http://www.jetbrains.com/webstorm/download/#section=windows
由于上面提供的都是官網下載,因此如不想花錢買,就需要手動破解
破解方案:
CSDN上好心的網友發布的破解方法,非常好用,因為WebStorm版本會不停的更新,破解方法也要隨著變動,自此這里只提供鏈接,方法大家隨時查看
https://blog.csdn.net/voke_/article/details/76418116
也許有人會認為這樣就可以使用WebStorm開發微信小程序了, 其實還有一步,如下
微信小程序是用的文件有 .js, .json, .wxml, .wxss, .wxs, 后面三個文件起初WebStorm是不認的,需要我們自己去添加
偏好設置.png
添加wxml.png
添加wxss.png
添加wxs.png
相信開發中已經開始有人使用ES6語法進行開發了, 我也稍微有點接觸
之前遇到一個問題:
使用微信開發的小程序代碼用WebStorm工具打開, 操作 command + option + L 對齊代碼,回到微信開發工具運行項目,會報語法錯誤,后來才知道起初WebStorm使用的ES5的語法支持, 對齊代碼指令會把ES6的一些語法給按ES5的規則給處理,這就導致報錯
解決方案
改成支持ES6.png
好了, 這樣就可以愉快的進行小程序開發了
