插件地址:Word Separator Manage 分隔符配置
在日常编码中,我们经常会遇到在使用VSCode(Visual Studio Code)时选中文本的一些问题。特别是在处理中文文本或者CSS类名时,可能会因为标点符号的干扰而导致选中不完整。针对这一问题,我开发了一个名为【Word Separator Manage 分隔符配置】的VSCode插件,旨在解决这些选中文本时的困扰。
效果:
原理/思路:
vscode中双击左键选中的时候,分词依据是editor.wordSeparators
的设置,默认设置为
json
// 执行单词相关的导航或操作时作为单词分隔符的字符。
"editor.wordSeparators": "`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?",
通过手动修改这个配置,就可以调整为自己需要的分隔符。但是每次手动操作设置还是过于麻烦了,因此把这个弄成可视化的操作会更方便。
功能特点:
- 解决中文文本被打断的问题:在默认设置下,当我们双击选中中文文本时,由于中英文之间的标点符号,选中可能会被打断。该插件可以通过自定义配置分隔符来解决这一问题,使得选中行为更符合预期。
- 处理CSS类名的选中:在CSS文件中,类名通常使用中划线连接,但双击选中时可能也会因为中划线的存在而导致选中不准确。通过该插件的设置,可以优化CSS类名的选中体验,提高工作效率。
- 鼠标悬停提示分隔符信息:当鼠标悬停在VSCode编辑器的文本上时,该插件还能展示文本包含的分隔符,并提供点击切换是否在分隔符设置中启用该分隔符的功能,进一步增强用户的操作便利性。
- 可定制性强:插件支持用户自定义配置,根据个人习惯调整分隔符规则,满足不同用户的需求。
如何使用:
- 在VSCode中搜索并安装【Word Separator Manage 分隔符配置】插件。
- 打开VSCode左侧面板找到【分隔符管理】或者。
- 在底栏找到【分隔符】可以启用/禁用鼠标悬停选择分隔符
- 根据个人需求,自定义配置分隔符规则,以获得更好的文本选中体验。
结语:
【Word Separator Manage 分隔符配置】是一款专注于解决文本选中问题的实用插件,它可以帮助你提升在VSCode中处理文本的效率和舒适度。无论你是前端开发者、后端工程师还是UI设计师,都能从中受益。
如果你在使用过程中有任何建议或问题,欢迎在插件页面留言反馈,我会及时进行改进和回复。希望这个插件能为你的编码工作带来便利!