vscode如何实现行与行之间的拖拽布局

VScode对多行编辑有两种模式

这种模式下只可以选择竖列,不可以随意插入光标所以只限制于同一列且不间隔的情况下。

Ctrl+光标点击 选择多个编辑位点

這种模式下不仅可以选择竖列同时还可以在多个地方插入光标。

使用Shift+Ctrl+p快捷键调用查询输入栏输入“cursor”,列表中会出现“切换多行修改键”这个选项选择这个选项就可以在两种模式下切换。

脚本: 布局器已经为我们生成了┅些默认的初始化脚本

试试改一下脚本 加入一行测试代码 alert(1)

我们来时候调试一下脚本 毕竟很多场景 不能盲敲 启动调试模式:

打开我们的浏览器控制台 chrome是F12快捷键 我们点击一下脚本 在点击一下视图 模式 注意看 调试功能便可激活 然后就是浏览器的调试功能了

如果您觉得当前调试 不习慣还可以打开新窗口 进行调试 那就跟平时开发完全一样了


样式工具箱:如果我们要更精细化控制页面怎么办呢 比如控制宽度

或者改改字體颜色 总之此工具箱可以满足超出当前UI之外的个性化定制

功能演示了一下,下面来说说自定义组件和属性 访问首页 下载布局器 这是一款离線版体验版本

更多功能 还是来自己探索吧

shift + alt + 鼠标左键拖(拖动光标到要将多荇变一行的所有行行首)+ Backspace + 空格一系列操作就可以实现多行变一行的操作
alt + z就可以实现多变一行然而是对操作文件所有的内容的各个部分都實现了多变一,而不是选中的内容

②一行变多行自动换行
alt + z可以多变一,同时再操作一次就可以实现一变多行

我要回帖

更多关于 拖拽 的文章

 

随机推荐