HBuilder X自定义代码块的方法

原文链接：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"
    }

   
   

   
   

    
    
   
   
   
   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18