如何在HBuilderX开发工具中实现自定义生成代码块的功能

https://blog.csdn.net/zhengzizhi/article/details/105020140

 

如何在HBuilderX开发工具中实现自定义生成代码块的功能

因为uListMedia不是内置组件，所以在你敲ulistmedia时看不到uListMedia的提示信息

在学习uni-app官网视频教程中，可能作者是因录播时间有限，没时间展开说明uListMedia

代码块是如何自定义的，这给所有入门的学习uni-app开发的人带来了困扰，特写此文，

希望在你刚入门的这一刻能帮到你。

 

自定义uListMedia代码块如下：

"uListMedia": {
"body": [
"<view class=\"uni-list\">",
"\t<view class=\"uni-list-cell\" hover-class=\"uni-list-cell-hover\" v-for=\"(item,index) in list\" :key=\"index\">",
"\t\t<view class=\"uni-media-list\">",
"\t\t\t<image class=\"uni-media-list-logo\" :src=\"item.img\"></image>",
"\t\t\t<view class=\"uni-media-list-body\">",
"\t\t\t\t<view class=\"uni-media-list-text-top\">{{item.title}}</view>",
"\t\t\t\t<view class=\"uni-media-list-text-bottom uni-ellipsis\">{{item.content}}</view>",
"\t\t\t</view>",
"\t\t</view>",
"\t</view>",
"</view>"
],
"prefix": "ulistmedia",
"project": "uni-app",
"scope": "source.vue.html"
}

 

 
————————————————
版权声明：本文为CSDN博主「zhengzizhi」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zhengzizhi/article/details/105020140