溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vscode運行微信小程序的示例

發(fā)布時間:2020-12-17 10:54:29 來源:億速云 閱讀:1776 作者:小新 欄目:軟件技術(shù)

小編給大家分享一下vscode運行微信小程序的示例,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

vscode如何運行微信小程序?

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

vscode運行微信小程序的示例

接著在vscode中打開建好的小程序項目,這個時候小程序項目目錄下面會生成幾個文件夾,注意別提交到svn里面了,那是vscode添加的

vscode運行微信小程序的示例

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

vscode運行微信小程序的示例

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

vscode運行微信小程序的示例

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

vscode運行微信小程序的示例

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

vscode運行微信小程序的示例

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

vscode運行微信小程序的示例

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

vscode運行微信小程序的示例

看完了這篇文章,相信你對vscode運行微信小程序的示例有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI