editplus中html的自動補全功能


之前一直都是“純手工”,一個一個符號慢慢敲的,現在編碼量大了,自然效率也不能還停留在一個一個慢慢敲的時代。
 
如何設置editplus中的自動補全功能?
首先在Tools中找到Configure User Tools...,點擊File選項下的Settings &&syntax,在File types中選中HTML。
將下面的Auto Completion選項勾選,默認是htmlbar.acp。點擊下面的OK就可以了。
 
 
怎么使用editplus的自動補全呢?
首先先新建一個HTML頁面,當你要編寫一個標簽的時候,比如:<div></div>;你只需要編寫div + 空格/回車,editplus就幫你自動補全為<div id="" class=""></div>了,非常方便。如果你不知道還有哪些快捷命令,你可以打開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=”或者 “#”;
所以在你想空幾行來分隔開時要注意,在接受的模板后面添加一個“#”,否則模板的效果會多出很多空白行。
打賞

免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2021 CODEPRJ.COM