解决文本选中问题的VSCode插件

插件地址:Word Separator Manage 分隔符配置

在日常编码中,我们经常会遇到在使用VSCode(Visual Studio Code)时选中文本的一些问题。特别是在处理中文文本或者CSS类名时,可能会因为标点符号的干扰而导致选中不完整。针对这一问题,我开发了一个名为【Word Separator Manage 分隔符配置】的VSCode插件,旨在解决这些选中文本时的困扰。

效果:

原理/思路:

vscode中双击左键选中的时候,分词依据是editor.wordSeparators的设置,默认设置为

json 复制代码
// 执行单词相关的导航或操作时作为单词分隔符的字符。
"editor.wordSeparators": "`~!@#$%^&*()-=+[{]}\\|;:'\",.<>/?",

通过手动修改这个配置,就可以调整为自己需要的分隔符。但是每次手动操作设置还是过于麻烦了,因此把这个弄成可视化的操作会更方便。

功能特点:

  1. 解决中文文本被打断的问题:在默认设置下,当我们双击选中中文文本时,由于中英文之间的标点符号,选中可能会被打断。该插件可以通过自定义配置分隔符来解决这一问题,使得选中行为更符合预期。
  2. 处理CSS类名的选中:在CSS文件中,类名通常使用中划线连接,但双击选中时可能也会因为中划线的存在而导致选中不准确。通过该插件的设置,可以优化CSS类名的选中体验,提高工作效率。
  3. 鼠标悬停提示分隔符信息:当鼠标悬停在VSCode编辑器的文本上时,该插件还能展示文本包含的分隔符,并提供点击切换是否在分隔符设置中启用该分隔符的功能,进一步增强用户的操作便利性。
  4. 可定制性强:插件支持用户自定义配置,根据个人习惯调整分隔符规则,满足不同用户的需求。

如何使用:

  1. 在VSCode中搜索并安装【Word Separator Manage 分隔符配置】插件。
  2. 打开VSCode左侧面板找到【分隔符管理】或者。
  3. 在底栏找到【分隔符】可以启用/禁用鼠标悬停选择分隔符
  4. 根据个人需求,自定义配置分隔符规则,以获得更好的文本选中体验。

结语:

Word Separator Manage 分隔符配置】是一款专注于解决文本选中问题的实用插件,它可以帮助你提升在VSCode中处理文本的效率和舒适度。无论你是前端开发者、后端工程师还是UI设计师,都能从中受益。

如果你在使用过程中有任何建议或问题,欢迎在插件页面留言反馈,我会及时进行改进和回复。希望这个插件能为你的编码工作带来便利!

相关推荐
mango大侠3 天前
Ubuntu24.04 安装 visual studio code
ide·vscode·编辑器·visual studio code
故苏呦3 天前
Visual Studio Code 快捷键
visual studio code·visual studio
White graces6 天前
掌握HTML, 从零开始的网页设计
开发语言·前端·windows·edge·html·visual studio code
码农老起7 天前
常用代码开发工具技术分享
git·docker·github·visual studio code·visual studio
草梅友仁10 天前
2024 年第 51 周草梅周报:Windsurf,比 Cursor 更好用的 AI 编辑器
aigc·visual studio code·bun
子洋19 天前
Mac 下 vscode 更新报错
前端·javascript·visual studio code
Eric_见嘉23 天前
Cursor 会被打败:使用 Windsurf 一键生成 2048 小游戏
前端·aigc·visual studio code
巫师练法术24 天前
VScode下构建python的虚拟环境
visual studio code
Yang.991 个月前
基于Windows系统用C++做一个点名工具
c++·windows·sql·visual studio code·sqlite3
WXDWIN.1 个月前
C++语言之模版与类型转换
c语言·开发语言·c++·visualstudio·visual studio code