EditPlus中的html自动补全

之前一直都是“纯手工”,一个一个符号慢慢敲的,现在编码量大了,自然效率也不能还停留在一个一个慢慢敲的时代。

如何设置editplus中的自动补全功能?
首先在Tools中找到Configure User Tools…,点击File选项下的Settings &&syntax,在File types中选中HTML。
将下面的Auto Completion选项勾选,默认是htmlbar.acp。点击下面的OK就可以了。

这里写图片描述
怎么使用editplus的自动补全呢?
首先先新建一个HTML页面,当你要编写一个标签的时候,比如:

;你只需要编写div + 空格/回车,editplus就帮你自动补全为
了,非常方便。如果你不知道还有哪些快捷命令,你可以打开htmlbar.acp进行查看。找不到这个文件你就点击上图中红圈圈的那个open按钮,这样也可以打开。

如何编写自己的模板指令?
打开htmlbar.acp文件后可以看到很多指令,比如:

#T=H1
<h1>^!</h1>

意思就是h1 + 空格/回车就会补全为第二行模板的样子,“^!”的意思是补全之后光标的位子。明白了之后,你也可以根据自己的编程习惯添加一些自己的模板指令,加快自己的编写速度。

因为默认的htmlbar.acp是没有包含HTML5的标签的,所以用起来有点麻烦,难道要一个个的加进去吗?嘻嘻,这个工作已经有人帮你做了,登录editplus的官网,官网上有很多版本的指令(https://www.editplus.com/html.html)。这里不仅仅有html,css、js、php都有,自己下好,将acp文件放到editplus的syntax目录下,再到Tools里面设置一下就可以了。

默认的htmlbar.acp中的指令格式是: 标签名 + 空格/回车,而我下载的html5.acp的指令格式是: # + 标签名 + 空格/回车;
因为我是个比较“懒”的人,当然更倾向于没“#”号的啦。于是我将htmlbar.acp中没有的html5指令复制了过来,同时加入了一点自己习惯的指令。下面有下载链接,有兴趣的可以自己下来看看。

在自己编写指令的时候注意,“;”就是注释。“#T=”之后就是指令,模板是下面所有的代码,直到遇到下一个“#T=”或者 “#”;
所以在你想空几行来分隔开时要注意,在接受的模板后面添加一个“#”,否则模板的效果会多出很多空白行。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值