vscode使用ctrl+左键
vue项目中,使用ctrl+左键点击DOM中的组件标签,自动打开跳转到对应组件功能
在设置中打开vscode的设置选项(ctrl+,),输入setting搜索,打开在setting.json中编辑,粘贴入以下选项,即可使用此功能
VSCode常用快捷键
Ctrl + D 依次找出当前选中词
Ctrl + Shift + L 找出所有当前选中词
Shift + Alt + 上下 快速复制一行
Ctrl + H 打开替换搜索框
Ctrl + G 输入行号,跳转到行
Ctrl + Alt + 上下 添加多行光标,一起输入 //实测快捷键冲突
Alt + Shift + 拖鼠标 选择区块
Alt + Shift + 左右 选中
Ctrl + Shift + 左右
Ctrl + 左右 光标跳词
Home/End 光标定位行首末
vscode快捷操作emmet语法
1.生成标签:直接输入标签名按tab键即可, 比如div 然后tab就可生成div/div
2.如果想要生成多个相同标签 标签名加上*号就可以, 比如:div*3 就快速生成3个div标签.
3. 如果有父子级关系, 可以使用 比如 ulli 就可以.
4.如果是兄弟关系的标签用+号就可以了, 比如: div+p.
5.如果带有类名或者id名字的, 直接.dome 或者#two tab键就可以了.
6.如果生成的div类名是有顺序的, 可以用自增符号$. 比如 .dome$*3
VSCode 快捷方式
可以用这三个快捷方式进行编辑器之间的互相切换
注意:切换的是当前光标所在位置(也就是活动窗口所在位置)
K 可以理解为 skip,该快捷方式与用鼠标单击改变光标位置一样,只是用快捷键更能提供效率
注意:经过测试感觉这个快捷键删除的内容没有明显界限,在不同格式文件下删除内容就不同,比如:
Mac设置终端打开VScode
在Windows的终端中是使用 code . 可以用VScdoe快速打开当前目录下的项目,这样子操作很是方便;
但是,在Mac的环境下使用 code . 提示: zsh: command not found: code ,无法打开VScode编辑器。有没有什么方法可以实现吗,在搜索了一圈后发现可以实现,下面贴一种最方便设置的方式:
在打开VScode的界面中使用快捷键 Command + Shift + P 或者直接 F1 显示命令面板, 输入 shell command 选择 Shell 命令: 在PATH 中安装 "code" 命令即可, 如下图:
聪明的你肯定知道,卸载 "code" 命令也是如此的操作滴 。😊