提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

目录

前言

一、修改配置方式

1、修改serve

2、运行项目

3、在微信开发者工具中导入代码包

1）打开微信开发者工具​

2）导入上面生成的map-weixin文件夹

 3）导入完成后会自动进入确定界面

二、打包导入方式

1、打包

2、导入

三、区别

总结

---

---

前言

提示：这里可以添加本文要记录的大概内容：

将VSCode上的代码在微信开发者工具上运行，有两种方式，一种修改配置，直接在微信开发者工具上调试；一种是通过打包后导入到微信开发者工具，这样可以在浏览器上调试，也可以在微信开发者工具上调试。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、修改配置方式

1、修改serve

 

 将serve配置修改为：

"serve": "npm run dev:mp-weixin"

2、运行项目

 项目运行后会生成map-weixin文件夹

3、在微信开发者工具中导入代码包

1）打开微信开发者工具

2）导入上面生成的map-weixin文件夹

 3）导入完成后会自动进入确定界面

 4）点击确定，进入工具

二、打包导入方式

1、打包

打包后会在dist/build下面生成map-weixin文件夹

2、导入

导入方式和上面一样

三、区别

1、修改配置方式在修改代码后微信开发者工具会即时同步，打包导入的则需要手工刷新；

2、修改配置方式只能在微信开发者工具上看效果，打包导入可以在浏览器和微信开发者工具上看效果。

---

总结