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

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

相关推荐
清沫18 小时前
VSCode debugger 调试指南
前端·javascript·visual studio code
eason_fan2 天前
Monorepo性能噩梦:一行配置解决VSCode卡顿与TS类型崩溃
前端·typescript·visual studio code
Ethan7503 天前
vscode打开关闭状态栏和修改状态栏背景色
visual studio code
zwq写js3 天前
VSCode定制开发——内置中文翻译插件
javascript·visual studio code
JohnYan7 天前
工作笔记 - WSL端口映射
后端·网络协议·visual studio code
有一只柴犬11 天前
科学休息,我用AI写了个vscode养鱼插件:DevFish发布
程序员·visual studio code
ol木子李lo12 天前
Doxygen入门指南:从注释到自动文档
c语言·c++·windows·编辑器·visual studio code·visual studio·doxygen
散峰而望15 天前
基本魔法语言数组 (一) (C语言)
c语言·开发语言·编辑器·github·visual studio code·visual studio
AmazingKO16 天前
推送报错403怎么办?vscode推送项目到github
chatgpt·github·visual studio code·竹相左边
Axizs20 天前
我用AI摸鱼写了个VSCode摸鱼插件
ai编程·visual studio code