1
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+shift+l
跳转到行首 command+左箭头
跳转到行尾 command+右箭头
单行注释:command+/
多行注释:shift选择多行 command+/

其他便捷操作:

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

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

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

利器篇
  • ★★★★★★★★★★Prettier - Code formatter

一键格式化代码,代码超整齐,保持团队代码一致性

  • ★★★★★★★★★★Turbo Console Log

代码调试必备,基本每天用

  • ★★★★★★★★★★open in browser

html快速用浏览器打开

****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 资源树目录会加上相应图标,很好看


y_lucky
20 声望3 粉丝

做一只快乐的程序猿!!!