一个用于Vim的Vue.js智能注释插件,能够根据光标位置自动选择合适的注释方式。
- 智能检测:自动检测当前光标是在
<template>
、<script>
还是<style>
区块内 - 多种注释格式:
- Template区块:使用HTML注释
<!-- -->
- Script区块:使用JavaScript单行注释
//
- Style区块:使用CSS注释
/* */
- Template区块:使用HTML注释
- 切换注释:可以添加或移除注释
在你的 .vimrc
文件中添加:
Plug 'dengyusys/vim-comment'
- 打开一个
.vue
文件 - 将光标移动到要注释的行
- 按
gcc
来切换注释状态
<template>
<div>Hello World</div> <!-- 按gcc后变成 -->
<!-- <div>Hello World</div> -->
</template>
<script>
console.log('Hello') // 按gcc后变成
// console.log('Hello')
</script>
<style>
.class { color: red; } /* 按gcc后变成 */
/* .class { color: red; } */
</style>
- 适用场景:日常开发的所有场景
- 性能:小文件无延迟,大文件可能有轻微延迟(通常<100ms)
- 内存占用:最小
如果你想使用不同的快捷键,可以在 .vimrc
中添加:
autocmd FileType vue nnoremap <buffer> <your-key> :call VueSmartComment()<CR>
如果您在使用过程中遇到问题或有改进建议,欢迎提出反馈。由于作者vim经验有限,可能无法及时解决复杂的技术问题,建议有经验的用户根据需要进行自定义修改。
MIT License