Лучший способ добавления комментариев в HTML Закрывающий тег с VIM

Question

Я учусь использовать VIM, и мне это нравится.

Но во многих случаях длительного содержания тега я обычно добавлять комментарии после закрывающего тега HTML, как правило, используя имя атрибута класса в качестве комментария к примеру ...

<div class="product-list"> 

    product contents inside 

</div> <!-- product-list --> 

Мой вопрос, как я могу добавить комментарий <!-- product-list --> в VIM

что я могу сделать, до сих пор типа product-list, а затем v ^ выбрать целое слово, я чувствую, что я близко, чтобы сделать это возможным, но я не нашел способ продолжить, чтобы завершить его с <!-- и -->

Итак, что я сделал в настоящее время, это всего лишь тип каждого отдельного charecters, который раздражает.

Посоветуйте пожалуйста?

Answer 1

Написание html обычного способа утомительно. Вместо этого используйте emmet style;

Эммет плагин для многих популярных текстовых редакторов, что значительно повышает HTML & CSS рабочий процесс.

Это vim плагин: emmet-vim;

emmet-vim - это vim-плагин, который обеспечивает поддержку для расширения сокращений, подобных эмметру. .

Вы можете добиться желаемого поведения с помощью c filter:

.product-list|c 

будет расширяться:

<!-- .product-list --> 
<div class="product-list">|</div> 
<!-- /.product-list --> 

Чтобы вставить только второй комментарий добавить в свой .vimrc:

let g:user_emmet_settings = { 
    \ 'html' : { 
    \  'comment_type': 'lastonly' 
    \ } 
    \} 

Затем :

.product-list|c 

будет расширяться:

<div class="product-list">|</div><!-- .product-list --> 

(| позиция курсора после расширения.)

Answer 2

Здесь есть отображение, которое может помочь вам сэкономить несколько нажатий клавиш:

:inoremap <! <!-- product-list --><Esc>gEviW 

Всякий раз, когда вы набираете <! В режиме вставки он вставляет непосредственно <!-- product-list --> и делает выбор для вас.

Answer 3

Вы можете сохранить этот макрос в вашем vimrc:

:let @e = '$h%/\(id\|class\)^Myi"%A <!-- ^R" -->^[:nohl^M' 

и использовать его с @e с курсором на закрывающем теге.

Использование <C-v><CR> для вставки ^M, <C-v><C-r> вставить ^R и <C-v><Esc> вставить ^[.

Answer 4

я использовать Ultisnips плагин, Херес код:

snippet tcom "generic html tag with coment" w 
<${1:div}> 
${2:content} 
</${1/(\w+).*/$1/}> <!-- ${1/.*="([^"]+)".*/$1/} --> 
${0} 
endsnippet 

Объяснение: комментарий:

$1 ............... mirror placeholder one 
/................ start substitution on it 
.*=" ............. anything until the first " 
(................ start a group match 
[^"]+ ............ inside quotes 
" ................ closing " 
.* ............... the rest of the line 

Мы используем только то, что мы имеем между», как„это струна“