1、首先使用微信小程序開發者工具創建一個新的小程序項目。創建完成后，就可以關閉微信小程序開發者工具的調試器與編輯器窗口了。

2、打開vscode，選擇文件—打開文件夾，然后選擇剛剛創建的小程序項目的文件夾，點擊選擇文件夾。

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

如何使用vscode開發微信小程序最先出現在微信小程序觀察網。

vscode官網：https://code.visualstudio.com/

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

安裝方法比較簡單：

1、打開vscode，點擊擴展管理按鈕，如下圖所示：

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

vscode開發微信小程序的常見問題：

如何使用vscode開發微信小程序

vscode開發微信小程序的優勢與常見問題最先出現在微信小程序觀察網。