1、首先使用微信小程序開發(fā)者工具創(chuàng)建一個(gè)新的小程序項(xiàng)目。創(chuàng)建完成后，就可以關(guān)閉微信小程序開發(fā)者工具的調(diào)試器與編輯器窗口了。

2、打開vscode，選擇文件—打開文件夾，然后選擇剛剛創(chuàng)建的小程序項(xiàng)目的文件夾，點(diǎn)擊選擇文件夾。

3、就可以通過vscode打開代碼并開始編輯小程序代碼了。

如何使用vscode開發(fā)微信小程序最先出現(xiàn)在微信小程序觀察網(wǎng)-微信小程序制作開發(fā)、小程序運(yùn)營(yíng)推廣。

vscode官網(wǎng)：https://code.visualstudio.com/

vscode安裝完成后，設(shè)置成顯示中文。另外，由于用原生vscode開發(fā)微信小程序，代碼提示并不友好，小程序制作開發(fā)人員可以安裝幾個(gè)插件：wxml、miniapp與wechat-snippet。

安裝方法比較簡(jiǎn)單：

1、打開vscode，點(diǎn)擊擴(kuò)展管理按鈕，如下圖所示：

2、在打開的擴(kuò)展管理面板中，搜索wxml，找到后點(diǎn)擊“intall”按鈕安裝即可。其他插件安裝是同樣的方法。

vscode開發(fā)微信小程序的常見問題：

如何使用vscode開發(fā)微信小程序

vscode開發(fā)微信小程序的優(yōu)勢(shì)與常見問題最先出現(xiàn)在微信小程序觀察網(wǎng)-微信小程序制作開發(fā)、小程序運(yùn)營(yíng)推廣。