vscode如何運(yùn)行微信小程序

vscode如何運(yùn)行微信小程序

vscode如何運(yùn)行微信小程序?

首先在小程序開發(fā)工具中把項(xiàng)目搭建好,如下圖所示

推薦學(xué)習(xí):vscode教程

vscode如何運(yùn)行微信小程序

接著在vscode中打開建好的小程序項(xiàng)目,這個(gè)時(shí)候小程序項(xiàng)目目錄下面會(huì)生成幾個(gè)文件夾,注意別提交到svn里面了,那是vscode添加的

vscode如何運(yùn)行微信小程序

然后進(jìn)行小程序的插件安裝,先搜索安裝vscode weapp api,這是小程序的語法結(jié)構(gòu)api

vscode如何運(yùn)行微信小程序

接著安裝vscode wxml這個(gè)插件,主要是針對wxml文件的

vscode如何運(yùn)行微信小程序

接著繼續(xù)搜索安裝vscode-wechat這個(gè)插件,如下圖所示

vscode如何運(yùn)行微信小程序

然后安裝一下Easy WXLESS,是針對wxss文件的,如下圖所示?

vscode如何運(yùn)行微信小程序

安裝好插件以后,我們直接在vscode里面編輯小程序項(xiàng)目,保存即可同步到小程序開發(fā)工具中

vscode如何運(yùn)行微信小程序

最后小編要說的是利用vscode開發(fā)小程序只是起到了編輯的效果,真正的調(diào)試等還需要在小程序開發(fā)工具中進(jìn)行

vscode如何運(yùn)行微信小程序

以上就是

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊12 分享