Hbuider如何自定义代码块

01.打开工具下的代码块设置

02.选中需要设置代码块的格式

03.(以html为例)

注意:本文档仅支持单行注释,并且’//'前不能有任何非空字符!!!

		HBuilderX使用json扩展代码块,兼容vscode的代码块格式
		本文档修改完毕,保存即可生效,无需重启。
		本文档用于用户自定义html代码块。
		每个配置项的说明如下:
		"key"    :代码块显示名称,显示在代码助手列表中的名字,以下例子中"console.log"就是一个key。
		"prefix" :代码块的触发字符,就是敲什么字母匹配这个代码块。
		"body"   :代码块的内容。内容中有如下特殊格式
		         $1 表示代码块输入后光标的所在位置。如需要多光标,就在多个地方配置$1,如该位置有预置数据,则写法是${1:foo1}。多选项即下拉候选列表使用${1:foo1/foo2/foo3}
		         $2 表示代码块输入后再次按tab后光标的切换位置tabstops(代码块展开后按tab可以跳到下一个tabstop)
		         $0代表代码块输入后最终光标的所在位置(也可以按回车直接跳过去)。
		         双引号使用\"转义
		         换行使用多个数组表示,每个行一个数组,用双引号包围,并用逗号分隔
		         缩进需要用\t表示,不能直接输入缩进!
		"triggerAssist" :为true表示该代码块输入到文档后立即在第一个tabstop上触发代码提示,拉出代码助手,默认为false。
		每个代码块以key为主键,多个代码块需要逗号分隔。
		如果json语法不合法,底部会弹出错误信息,请注意修正。
		例子:
	"console.log": {
			 "prefix": "logtwo",
			 "body": [
			     "console.log('$1');",
				    "\tconsole.log('$2');"
				],
				"triggerAssist": false,
				"description": "Log output to console twice"
			}
			"jq":{
				"prefix":"jq",
				"body":[
					" <script src=\"js/Jquery.js\" type=\"text/javascript\" charset=\"utf-8\"></script>",
					"<script type=\"text/javascript\">",
						"\t$(function(){",
							"\t\t$1",
						"\t})",
					"</script>"
				],
				"description": "我的jquery代码块"
			}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值