你可能不知道的vscode技巧

[广告:最高 ¥2000 红包]阿里云服务器、主机等产品通用,可叠加官网常规优惠使用 | 限时领取

一直使用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
码中人 微信公众号

关注微信公众号

码中人 微信公众号