uniapp-skeleton

一个命令行工具，能使微信开发者工具中生成的骨架屏在uni-app中使用。

---

安装

npm install -g uniapp-skeleton

---

使用

首先在微信开发者工具中生成页面骨架屏

然后在终端的项目目录中执行

uniapp-skeleton -p "/pages/index/index"

-p后面的参数为要生成骨架屏的小程序页面的路径，此时会在项目的/src/pages/index/目录中生成index.skeleton.vue

最后在index.vue页面文件中引入改组件即可。

---

建议

• 开发者工具生成的骨架屏有时候并不完美，需要手动微调
• 可以将生成的骨架屏文件里的单个结构拆分出来使用

附上原生小程序骨架屏文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html