前段时间想做个表情包小程序自己用，顺便给朋友发图方便点。网上搜了一圈，下了一堆表情小程序源码，结果发现最大的问题不是找不到代码，而是不知道怎么把它跑起来。折腾了几天，总算搞明白了，这里把过程记一下。
先搞清楚源码里都有什么
下载下来的表情包小程序源码一般是个压缩包，解压之后你会看到几个固定的东西。最关键的是app.json、app.js、app.wxss这三个，相当于小程序的骨架。然后pages文件夹里放的是各个页面，比如首页、分类页、详情页。还有utils文件夹，放一些公共函数。图片资源一般在images或者assets文件夹里。
我第一次打开的时候有点懵，文件太多了。后来发现其实不用每个都看，先找到app.json，里面会写清楚有哪些页面，从第一个页面开始看就行。
用微信开发者工具打开
这个步骤看起来简单，但有几个点容易卡住。先去微信官方下载开发者工具，安装好之后用微信扫码登录。然后点新建项目，这里注意：如果你只是自己学习用，可以选测试号，不用去注册正式的小程序账号。AppID那里点测试号就行。
项目目录选你解压出来的那个文件夹，不要选里面的子文件夹。我第一次就选错了，工具一直提示找不到app.json。选对目录之后，工具会自动编译，右边模拟器就能看到界面了。
常见的几个报错和解决办法
跑起来之后大概率会遇到报错，我遇到的主要有这几种：
- 提示找不到某个模块，一般是源码里用了npm包但没安装。在工具菜单里找到工具-构建npm，点一下等它跑完。
- 图片不显示，检查一下源码里的图片路径是不是带域名了，小程序里本地图片要用相对路径。
- 接口请求失败，很多表情小程序源码会调用第三方接口获取表情数据，这些接口可能已经失效了。你得找到请求的代码，换成自己的接口或者用本地假数据先跑通。
- 基础库版本不对，在工具右上角详情里，把调试基础库调低一点试试。
想改内容的话改哪里
如果你只是想让界面看起来是自己的，改这几个地方就够了。app.json里改窗口标题和导航栏颜色。pages/index/index.wxml里改首页的文案和布局。图片替换掉images文件夹里的同名文件。数据部分，如果源码用的是本地假数据，一般在utils或者data文件夹里，是个js文件，里面是数组，照着格式改就行。
想加自己的表情包图片，把图片放进images文件夹，然后在数据文件里把路径写进去。注意图片别太大，小程序有包大小限制，单张图最好控制在200k以内。
补充方案：用过的辅助工具
上面说的都是手动改代码的方式。后来朋友给我提了一个叫“微搭”的工具，说可以少写点代码。我试了一下，它确实有现成的模板，拖拽就能改界面，对于完全不想碰代码的人来说省事不少。但限制也很明显：免费版有页面数量限制，导出代码要付费，而且生成的小程序包体积偏大，审核的时候偶尔会卡。另外它的模板风格比较固定，想做成特别个性的样子还是得自己改代码。所以我的做法是，先用它快速搭个能看的版本，然后把表情小程序源码里的核心逻辑复制过来，两边结合着用。如果你只是临时做个自己用，可以试试；如果想长期维护或者上架，还是老老实实看源码更靠谱。
总之，表情小程序源码怎么用这个问题，核心就是三步：用开发者工具打开、构建npm、改配置和数据。遇到报错别慌，顺着提示找文件就行。希望这篇记录能帮你少走点弯路。
