乐趣区

Mac-Pro换电脑的那些事之visual-studio编辑器快捷键和插件推荐

1.visual studio 编辑器之快捷键

说明:
command 对应键盘图标⌘,windows 系统用 ctrl 替换即可
shift 对应键盘图标↑,windows 系统用 shift 替换即可
option 对应键盘图标⌥
上箭头对应右下键盘图标上
下箭头对应右下键盘图标下
左箭头对应右下键盘图标左
右箭头对应右下键盘图标右

基本操作:

复制 (copy):command+c
粘贴:command+v
剪切:command+x
撤销:command+z
全选 (all):command+a
当页保存 (save):command+s
全部保存:command+option+s
查找 (find):command+f
多行注释:command+/

我喜欢用的便捷操作:

同时选择多个相同字符 command+shift+l
跳转到行首 command+ 左箭头
跳转到行尾 command+ 右箭头

其他便捷操作:

跳转到当页首 command+ 上箭头
跳转到当页尾 command+ 下箭头

2.visual studio 编辑器之必备好用的插件
安装篇

设置 - 拓展(Extensions)- 搜素需要安装的插件,点击 install 即可
-【安装完成后最好重启编辑器让我们的插件生效】

利器篇

★★★★★★★★★★Prettier – Code formatter
一键格式化代码,代码超整齐,保持团队代码一致性
★★★★★★★★★★Turbo Console Log
代码调试必备,基本每天用

****windows 系统
// ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.log
// alt + shift + c 注释所有 console.log
// alt + shift + u 启用所有 console.log
// alt + shift + d 删除所有 console.log

****MAC 系统
//⌃+⌥+L  control + option + l 选中变量之后,使用这个快捷键生成  console.log
//⇧+⌥+C  shift + option + c 注释所有 console.log
//⇧+⌥+U  shift + option + u 启用所有 console.log
//⇧+⌥+D  shift + option + d 删除所有 console.reqLogin

★★★★★Path Intellisense
路径自动补全,快速引入资源
★★★★★Live Server
因为我开发用 react 比较多,保存后浏览器实时刷新,非常好用
★★★★★Auto Close Tag
自动添加 HTML/XML 关闭标签
★★★★★Auto Rename Tag
自动重命名配对的 HTML/XML 标签,成对标签只需要改前面的名称
★★★★★ Bracket Pair Colorizer
括号成对拥有独立的颜色,易于区分,助你一臂之力

美化篇

★★★vscode-icon
vscode 资源树目录会加上相应图标,很好看

退出移动版