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

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

相关推荐
仓粟3 小时前
Code Helper (Plugin) 吃掉了我的内存:一次 VSCode 插件内存暴涨排查实录
visual studio code
全宝2 天前
🧑‍💻[2025最新]用oh-my-posh打造个性化终端
程序员·操作系统·visual studio code
阿里云云原生2 天前
Python3 AI 通义灵码 VSCode插件安装与功能详解
后端·python·visual studio code
Selicens2 天前
VSCode Snippets 魔改专属的 vue 代码片段
vue.js·visual studio code
阿里云云原生2 天前
Python2 AI 通义灵码 VSCode插件安装与功能详解
python·visual studio code
lilye662 天前
程序化广告行业(71/89):ABTester与Tag Manager系统深度解析
visual studio code·odps
阿虎儿3 天前
VS Code 的 launch.json 进行高效代码调试:配置和原理解析
前端·visual studio code
酱酱们的每日掘金4 天前
从零打造吉卜力风格AI绘图网站、写给普通人的 MCP 入门指南、VS Code 又行了!丨AI Coding 周刊第 3 期
ai编程·visual studio code·mcp
我命由我123455 天前
C++ - 头文件基础(常用标准库头文件、自定义头文件、头文件引入方式、防止头文件重复包含机制)
服务器·c语言·开发语言·c++·后端·visualstudio·visual studio code
Captaincc6 天前
Visual Studio Code 发布王炸更新:Agent 模式上线,支持 MCP 协议!
microsoft·visual studio code·mcp