Uniapp作为一个跨平台的开发框架，为开发者提供了诸多便利。在小程序开发的领域，工具的选择往往影响着开发的效率和体验。而HBuilderX是Uniapp官网推荐的前端开发工具，由于我平时用的是VSCode，也有微信开发者工具，不想重新下载工具。
关键：
- 如何利用
VSCode打开Uniapp小程序，并在微信开发者工具中成功启动且实时更新？
- 执行
npm run serve： - 运行成功后，在
微信开发者工具里打开上图中dist/dev/mp-weixin目录下的文件
这样如果在VSCode中写代码，微信开发者工具中也会同步更新：
目标：
通过制作一个小程序的脚手架，可以通过uniapp中构建运行，然后在微信开发者工具中直接打开使用
项目根目录/
├── src/ # 源代码目录
│ ├── App.vue # 应用根组件
│ ├── main.ts # 应用入口文件
│ ├── pages.json # 页面路由配置
│ ├── manifest.json # 应用配置文件
│ └── pages/ # 页面目录
│ └── index/
│ └── index.vue # 首页组件
├── .gitignore # Git 忽略文件
├── package-lock.json # 依赖锁定文件（自动生成）
├── 1.package.json # 项目依赖和脚本配置
├── 2.tsconfig.json # TypeScript 配置
├── 3.vite.config.ts # Vite 构建配置
├── 4.index.html # H5 入口文件（可选，H5 需要）
└── README.md # 项目说明文档（建议添加）
uniapp中的pages.json文件作用
pages.json是uniapp对整个项目的页面路由配置和样式配置中心
用于对整个项目的页面路由进行集中配置 && 项目整体的样式全局配置，这样方便在跨平台的编译。就编译为小程序而言，编译时pages.json会转换为 app.json（全局）和各页面的 index.json（页面）。例如：当我们使用uniapp编译运行到小程序的时候，我们需要将uniapp项目编译为满足微信开发者工具平台运行的文件：
manifest.json文件作用
manifest.json文件是应用的配置文件，用于定义项目在各个平台的配置
