vsCode 鼠标选中出现矩形框，变成正常

最新推荐文章于 2023-05-23 22:28:55 发布
最新推荐文章于 2023-05-23 22:28:55 发布
阅读量1.6k 收藏 2
点赞数 1
文章标签： vscode
原文链接：https://www.cnblogs.com/bigsister/p/13879858.html
版权

打开Visual Studio Code, 依次打开:
英文版：File --> Preformences --> Settings

中文版：文件 --> 首选项 --> 设置

然后输入搜索 Editor: Column Selection，取消选中
在这里插入图片描述
结果对比：
在这里插入图片描述

在这里插入图片描述

小灰要变强
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
10-16
主要介绍了jQuery实现的鼠标拖动画矩形框,结合实例形式分析了jQuery基于事件响应及页面元素属性动态操作实现的图形绘制相关操作技巧,需要的朋友可以参考下
Qt QGraphics 实现可移动缩放的矩形框
12-10
Qt QGraphics 实现可移动缩放的矩形框，源码及发布版本。博客https://blog.csdn.net/ShareProgress/article/details/101287935
vscode 鼠标选中出现矩形框，这样可以调回正常选中多行。
jolinoy的博客
09-12 1140
vscode 鼠标选中出现矩形框，这样可以调回正常选中多行。
VSCode 编辑代码时光标处总是闪烁一对框住最近尖括号的小方框，怎么办？
早知晓的博客
01-24 3113
当我们在 vscode 中输入代码时，总有一对小方框闪烁导致我看不清光标的位置，所以取消这两个小方框是很有必要的。具体方法如下：
vscode矩形编辑
reedthink的博客
03-15 1549
环境：linux vscode 1.43.0 快捷键 shift+alt+鼠标选中
VSCODE如何选中某一列内容进行修改
张文波的博客
10-12 8198
ALT+SHIFT 鼠标拖动选择就可以修改了。 或者CTRL+ALT+SHIFT加鼠标滚轮选择、
关闭vscode烦人的提示框
热门推荐
liuyuemozhu的博客
09-20 3万+
vscode有两种烦人的提示框： 第一种是：鼠标放到html标签上的悬浮提示框，如图： 第二种是：输入的时候有悬浮窗，并不是智能提示的框，而是解释型的提示框，如图： 这两种框基本上都用不到，而且还是英文的提示，日常使用中更加无视，而且面积大小不一，遇到大面积的很是烦人，遮挡视线，需要挪动光标才可以消失。所以专门花费了些时间来处理这个问题。 一：关闭鼠标hover时的悬浮窗： ...
前端知识学习案例18vs code-选择方形区域
qq_41632427的博客
11-30 217
前端
opencv4.3.rar_矩形框 选中
09-22
自主选择性的查看一幅图像中的部分区域的颜色直方图：允许用户在一幅图像中选择一个矩形区域，通过按住鼠标键画一个矩形，当鼠标放开是，高亮显示矩形框，同时在另一个独立的窗口中，使用画图函数画一个图表（选定...
CANVAS实现鼠标绘制矩形框
07-30
基于canvas的鼠标绘制矩形框的demo，多个canvas对象下支持选中，平移，删除操作，代码用VUE实现的
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
10-16
主要介绍了AngularJS实现的鼠标拖动画矩形框,涉及基于AngularJS的事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
vscode 列操作_[vscode]列编辑功能
weixin_32616935的博客
01-30 1万+
“Column selection mode”、“列块模式”、“列编辑”、“多光标功能”都是类似的叫法。笔者以前用notepad++，下面叫“npp”（Notepad Plus Plus），npp只有windows版本，后来切换到mac，深深地爱上了vscode，在vscode上这个功能更加贴心了！ALT+左键拖动npp和vscode都支持 alt+鼠标单击拖动 来实现选中多列，Word文档和WP...
vscode 鼠标选中多行代码，每行末尾都出现了光标
bossxu_的博客
06-09 2592
1.打开vscode 设置 搜索 Column Selection 取消设置
Mac VSCode 光标变成 闪烁方块
最新发布
ws1836300的博客
05-23 872
或者 点一下insert键,可以单次取消灰色方块的出现。解决: shift +i。
Vscode——小光标时不时就会变成小方块（下划线），按Insert也不解决彻底的解决办法
Williamcsj的博客
11-03 4057
VScode——小光标时不时就会变成小方块，按Insert也不解决彻底的一种解决办法一、原因分析二、解决办法 一、原因分析 Vim插件的特性导致的，每次按i的时候，就会变成小方块 二、解决办法 卸载插件Vim ...
在vscode的界面的竖线光标变成灰色方块，怎么解决？（最全方法集合）
m0_71500261的博客
11-24 4730
vscode的界面竖线光标变成灰色方块，怎么解决？（最全方法集合）
VScode Ctrl+C后光标变成粗块，并且复制失败
Cocoyejintianming的博客
09-19 893
VScode使用
Visual Studio 2013光标变成方块
win_turn的博客
02-18 1万+
问题 如上图所示，Visual Studio 2013光标变成方块。 当输入时，输入的字符会替换当前方块覆盖的字符。解决方法：按Insert键。
vscode编写代码时的光标变成了不能换行
xjw0645的博客
09-26 1294
vs各个版本编写代码时的光标变成了黑块，黑块选中字符，再输入的时候就会替换掉那个黑块选中的字符** 没想到又遇到了这个问题，折腾我1个小时 以前也遇到了类似的情形，但是到现在已经没有印象了。。so 简单来说，就是不小心按到了insert按键，从文档的改写模式进入了插入模式，所以换行，空格，退格等按键统统失灵了。 解决方案：再按一下insert即可。 我说那个VScode即使重启也不能解决问题，进去之后还是插入模式。无语了。 vscode退格键失灵 换行失灵 ...
鼠标交互事件vscode 鼠标移入后矩形由下往上生长
05-10
要实现鼠标移入后矩形由下往上生长的效果，可以使用 VS Code 提供的扩展 API 中的 `window.createTextEditorDecorationType()` 方法创建一个文本编辑器装饰类型，再将其应用到编辑器中。 具体的步骤如下： 1. 在扩展的 `activate()` 方法中，使用 `window.createTextEditorDecorationType()` 方法创建一个文本编辑器装饰类型，指定其样式。例如，可以设置一个矩形的背景颜色、边框颜色和边框宽度等。 ```typescript const decorationType = vscode.window.createTextEditorDecorationType({ backgroundColor: 'rgba(255, 255, 255, 0.2)', borderColor: '#fff', borderWidth: '1px', borderStyle: 'solid' }); ``` 2. 在 `activate()` 方法中，注册一个鼠标移入事件监听器，使用 `TextEditor.onMouseMove()` 方法监听鼠标移动事件。在监听器中，获取鼠标所在的文本行号和列号，并使用 `TextEditorDecorationType` 的 `range` 属性设置装饰范围，即要添加装饰的位置和长度。 ```typescript let mouseMoveDisposable = vscode.window.onDidChangeTextEditorSelection(event => { let editor = vscode.window.activeTextEditor; if (!editor) { return; } let position = editor.selection.active; let line = editor.document.lineAt(position); let start = line.range.start; let end = new vscode.Position(start.line, start.character + 1); let range = new vscode.Range(start, end); let decoration = { range }; editor.setDecorations(decorationType, [decoration]); }); ``` 3. 在 `deactivate()` 方法中，取消注册鼠标移入事件监听器，防止内存泄漏。 ```typescript export function deactivate() { if (mouseMoveDisposable) { mouseMoveDisposable.dispose(); } } ``` 这样就可以实现鼠标移入后矩形由下往上生长的效果了。完整的示例代码如下： ```typescript import * as vscode from 'vscode'; let decorationType: vscode.TextEditorDecorationType; let mouseMoveDisposable: vscode.Disposable; export function activate(context: vscode.ExtensionContext) { decorationType = vscode.window.createTextEditorDecorationType({ backgroundColor: 'rgba(255, 255, 255, 0.2)', borderColor: '#fff', borderWidth: '1px', borderStyle: 'solid' }); mouseMoveDisposable = vscode.window.onDidChangeTextEditorSelection(event => { let editor = vscode.window.activeTextEditor; if (!editor) { return; } let position = editor.selection.active; let line = editor.document.lineAt(position); let start = line.range.start; let end = new vscode.Position(start.line, start.character + 1); let range = new vscode.Range(start, end); let decoration = { range }; editor.setDecorations(decorationType, [decoration]); }); } export function deactivate() { if (mouseMoveDisposable) { mouseMoveDisposable.dispose(); } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值