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

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

相关推荐
Ynov2 天前
详细解释api
javascript·visual studio code
程序员Bears16 天前
现代前端工具链深度解析:从包管理到构建工具的完整指南
前端·python·visual studio code
formulahendry17 天前
把 MCP Server 打包进 VS Code extension
visual studio code·vs code·mcp
程序员Bears19 天前
深入理解CSS3:Flex/Grid布局、动画与媒体查询实战指南
前端·css3·媒体·visual studio code
优弧19 天前
VSCode配置重置完全指南
visual studio code
H5开发新纪元20 天前
VS Code 插件开发实战:代码截图工具
javascript·visual studio code
程序员Bears20 天前
HTML5 新特性详解:语义化标签、表单与音视频嵌入
前端·html·html5·visual studio code
demo007x21 天前
四、从 0 开始构建一个代码库-向量数据库的选择与集成
visual studio code·cursor·trae
hepherd22 天前
Flutter 环境搭建 (Android)
android·flutter·visual studio code
YiSLWLL22 天前
使用Tauri 2.3.1+Leptos 0.7.8开发桌面小程序汇总
python·rust·sqlite·matplotlib·visual studio code