提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
目录
前言
提示:这里可以添加本文要记录的大概内容:
将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、修改配置方式只能在微信开发者工具上看效果,打包导入可以在浏览器和微信开发者工具上看效果。