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 资源树目录会加上相应图标,很好看
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。