天天看點

用vscode開發微信原生小程式

1.在微信小程式開發者工具中把項目搭建好,

2.接着在vscode中打開建好的小程式項目,這個時候小程式項目目錄下面會生成幾個檔案夾,注意别送出到svn裡面了,那是vscode添加的

3.vscode中安裝必要的插件:

(1)vscode weapp api:為vscode提供小程式API提示及代碼片段

如圖:

用vscode開發微信原生小程式

(2)vscode wxml:為Vscode提供 wxml 文法支援及代碼片段

如圖:

用vscode開發微信原生小程式

(3)vscode-wechat: wechat app support for vscode(version v1.6.0+)

如圖:

(4)Easy WXLESS:為vscode提供wxss文法支援及代碼片段

4.安裝好插件以後,我們直接在vscode裡面編輯小程式項目,儲存即可同步到小程式開發工具中

說明:利用vscode開發小程式隻是起到了編輯的效果,真正的調試等還需要在小程式開發工具中進行