一直使用vscode,自认为熟练使用。读《Visual Studio Code 权威指南-韩骏-微信读书》是为了查漏补缺,读完发现缺的东西太多了,记录一下我以为我知道,其实不知道的vscode使用技巧。也推荐你读读这本书,微信读书上免费读,真好。
1 文件过滤器
因为以前使用sublime text养成的习惯,查找文件习惯使用 ctrl+p。这个快捷键同样适用于vscode,今天我们介绍一个更快捷的方式。
直接在文件资源管理器上输入你想要搜索的文件名。如,搜索search.js,你会在右上角看到一个文件过滤器。使用方向键上下移动,可以在搜索的文件和文件夹之间进行跳转。
单击X按钮,可以清除过滤器。
2 Tab(标签页)打开位置
与其他主流的编辑器/IDE一样,Visual Studio Code会在编辑器的标题区域显示Tab(标签页)。
Tab可以帮助开发者快速地在打开的文件之间进行跳转。当然,如果你觉得Tab对你的用处并不大,则可以通过workbench.editor.showTabs配置项把Tab隐藏起来。
"workbench.editor.showTabs":false
默认情况下,新添加的Tab会出现在最右边。可以通过workbench.editor.openPositioning来改变Tab出现的位置。如下所示,可以把新Tab的出现位置设置为左边。
"workbench.editor.openPositioning":"left"
我个人喜欢标签页出现在左边:
3 行排序
将代码行按照字母顺序进行排序,无快捷键,调出命令面板,输入按升序排序或者按降序排序。
虽然这个功能用处不大,但挺有意思的。
4 在jsx中使用emmet
vscode是支持的,只是默认设置不支持,需要手动设置一下,设置步骤:
- 点击左下角“设置”
- 搜emmet
- 设置如下属性 “emmet.triggerExpansionOnTab”: true
5 Vscode 文件导航栏放右边
这样就省得左侧文件栏收缩打开使文档跳跃。
6 设置 光标
把vscode光标调整为 闪烁(现在好像默认就是闪烁),同时可以设置光标的宽度,让他更显眼。
7 切换 标签页
ALT + 0/1/2等数字键可以切换不同的标签页(打开待编辑的文件)。
其中ALT+0是最后一个标签页,ALT+1是第一个标签页,其余类推。因为最大数字是9,建议不要打开太多文件。
当然,如果你装了vim插件,也可以很方便的跳转。