哥几个，最近老有朋友问我，说微信小程序开发者工具用起来总遇到各种坎儿，问我有没有什么辙。那可不嘛这玩意儿我从零开始摸索，一路踩坑过来，真是体会太深了。今天我就跟大家唠唠，我当初是怎么跟这工具“死磕”，才把它给驯服的。
本站为89游戏官网游戏攻略分站，89游戏每日更新热门游戏，下载请前往主站地址:www.gm89.icu
刚上手那阵子，真是稀里糊涂
我记得刚开始，公司让搞个小程序，我寻思着不就写个页面嘛能有多难？结果一上来，下载、安装、注册账号，这一套流程就给我整懵了。尤其是下载完安装包，双击一装，咦，怎么没反应？或者装半天，进度条走到一半就卡那不动了。我当时就想骂街了，这玩意儿也太不友好了？
-
第一个坑：安装卡死或报错。
我试了好几次，卸载重装，重启电脑，都不行。后来是我找了个搞技术的朋友问了才知道，很多时候是电脑的杀毒软件、防火墙在作祟，或者有些时候是Windows系统管理员权限不够。我那时候就是没用管理员权限运行安装程序。解决办法也简单，右键点安装包，选“以管理员身份运行”，然后一步步来，结果真的就装好了。还有次报错，说什么*找不到，那是缺少运行库，搜了一下下载对应的VC++运行库装上也就解决了。那阵子真是让我懂了，很多时候看着是工具的问题，是环境没弄对。
-
第二个坑：创建项目老是报错，说AppID有问题。
好不容易装好了，兴冲冲地要创建第一个项目，结果AppID那块儿总是提示“AppID无效”或者“权限不足”。我当时想，我不是在公众平台注册了号吗？怎么就不行？折腾了半天，才知道，你光注册个人小程序，很多功能是受限的，而且AppID也要到公众平台开发者工具那里填进去才能用。最重要的是，如果你是企业开发，得用公司的AppID，还得让管理员给你把开发权限开通才行。我当时就是用了个没权限的AppID，搞了半天才弄明白，真是哭笑不得。
开发调试阶段，问题一个接一个
项目总算建好了，开始写代码。我以为是写网页，CSS、JS一套搞定，结果一跑，不是WXML标签不对，就是WXSS样式不生效。
-
第三个坑：页面在模拟器上显示不出来或者报错。
写了点东西，想看看效果，模拟器里要么一片空白，要么报个红色的错。我一头雾水，代码明明是复制粘贴过来的，怎么就不行？后来发现，很多时候是缓存捣的鬼，开发者工具里有个“清除缓存”的按钮，点了之后再刷新，奇迹般地就好了。还有时候是代码里有个小标点符号错了，或者哪个文件路径写错了，导致整个页面都崩了。这玩意儿的报错提示，有时候还真得仔细看，不能光看表面现象。
-
第四个坑：真机预览和模拟器不一样，样式错乱。
在模拟器里看着好好的页面，传到手机上预览，哇塞，简直是车祸现场！布局乱七八糟，字体大小也不对，有些功能直接没反应。我当时觉得是不是手机有问题，换了好几部手机都这样。后来同事告诉我，模拟器毕竟只是模拟器，跟真机环境肯定有差别，尤其是一些CSS样式或者API调用，真机表现是王道。于是我就学着用真机调试功能，手机连上电脑，直接看手机上的Console日志，那上面才是真的报错信息。通过这个办法，我发现很多时候是单位写错了，比如PC端习惯用px，小程序里用rpx会更好适配，还有一些第三方组件在模拟器上OK，真机上就有兼容性问题。写完代码，一定要在真机上多测测。
-
第五个坑：网络请求总是失败，说跨域什么的。
写到登录模块，需要调用后台接口。结果一发请求，Console里直接给我个报错，说“域名未设置”或者“请求不合法”。我跟后端哥们儿确认了好几遍，他说接口没问题，肯定是我前端没弄对。我查了半天文档才知道，小程序有很严格的安全策略，你的请求域名必须在微信公众平台配置好“合法域名”白名单，不然，管你什么请求，统统给你拦掉。那一刻，我真想给自己一巴掌，早知道是这个，我何苦浪费那么多头发！
发布上线那临门一脚，也差点把我踹倒
代码终于搞得差不多了，想着上传提交审核，结果又给我来了一出。
-
第六个坑：上传代码时，提示“包体积过大”。
我一堆图片、组件往里塞，想着一次性搞定。结果上传的时候，提示我小程序包已经超了2M的限制。我当时就蒙了，一个小程序能有多少东西，怎么就超了？后来才知道，小程序对包大小是有限制的，得优化图片，压缩代码，能用网络资源的就用网络资源，别一股脑儿都塞到本地。我把所有图片都用压缩工具处理了一遍，把没用的文件都删了，才勉强降到限制以下。开发的时候就得注意控制包体积，别想着后面再优化。
这一路走来，微信小程序开发者工具真是让我又爱又恨。一开始觉得它各种坑，不友但当你慢慢摸清它的脾气，了解它的规则后，你会发现它也挺方便的。说白了，就是熟能生巧，多动手，多查文档，多问问老鸟，这些坑自然也就迈过去了。今天就分享到这儿，希望能帮到正在踩坑的哥们儿！