要在VS Code上开发小程序，需要先安装微信开发者工具和VS Code插件。微信开发者工具是开发小程序必不可少的工具，VS Code插件可以提高开发效率。
在安装好微信开发者工具后，可以在VS Code中打开小程序项目所在的文件夹。接下来需要在VS Code中安装WeChat DevTools插件。在VS Code中按下Ctrl+Shift+P组合键打开命令面板，输入“ext install”，然后按下回车键打开插件安装窗口，搜索“WeChat DevTools”，然后点击安装按钮。
安装完成后，需要在VS Code中打开集成终端，并输入以下命令来生成小程序代码：
``
npm i wechat-miniprogram-cli -g
``
接下来，在VS Code中打开命令面板，输入“WeChat”并选择“WeChat: Preview”，打开“微信开发者工具”的预览模式。
在预览模式下，可以看到“微信开发者工具”窗口打开，这个窗口会自动读取当前项目的路径。在微信开发者工具的“左侧边栏”中，可以看到小程序的目录结构。
编译小程序需要将项目文件夹下的全部文件进行打包软件工作。在微信开发者工具的“左侧边栏”中，可以点击“工具”>“构建npm”，进行小程序代码打包并编译。打包完成后，即可在微信开发者工具中预览及Debug小程序。
编译小程序的原理是将小程序代码打包并压缩为一个小程序代码包，然后上传至微信公众平台进行审核并发布。小程序代码包包含微信开发者工具的代码、项目代码和第三方依赖模块的代码。微信开发者工具将项目文件以及第三方依赖模块打包成一个小程序代码包后，再将该小程序代码包上传至云端服务器，最终在微信小程序平台上显示。
总之，开发小程序需要用到微信开发者工具和VS Code插件，而编译小程序则是将小程序代码打包并压缩为一个小程序代码包，上传至微信公众平台进行审核并发布。
