解决文本选中问题的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设计师,都能从中受益。

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

相关推荐
DigitalOcean9 小时前
不受限于 Copilot,教你在 VS Code 中接入 GPT、Claude
agent·visual studio code
formulahendry5 天前
为什么全世界都在 Fork 它?VS Code 官方纪录片(中字完整版)正式上线!
微软·visual studio code·vs code
三十而立洋7 天前
知枝 · MindSprout:可以直接将 markdown 转换为思维导图的 vscode 插件
前端·visual studio code
formulahendry12 天前
在 VS Code 里自由切换 Copilot、Claude、Codex、OpenCode、Pi、Kimi、Qwen:任何 Agent 都能接
visual studio code·vs code·acp
开开心心就好14 天前
打印机卡住打不了?一键清理卡死打印队列
服务器·开发语言·算法·pdf·ocr·idea·visual studio code
free-elcmacom1 个月前
手撕 memcpy 和 memmove:从字节级拷贝到内存重叠的终极较量
c语言·开发语言·青少年编程·visual studio code·visual studio
free-elcmacom1 个月前
发际线警告!手撕《C陷阱与缺陷》终极 BOSS:signal 函数与 typedef 魔法
c语言·开发语言·visual studio code·visual studio
前端小白乘风1 个月前
VS Code 终于能连微信了!发现一个硬核开源神仙插件:WeChat AHP
微信·visual studio code·deepseek
free-elcmacom1 个月前
C语言指针进阶——指针数组模拟二维数组,以及二级指针到底怎么理解
c语言·visual studio code
formulahendry1 个月前
微信和 VS Code 强强联合!WeChat AHP 来了
visual studio code·vs code