VS Code 的一些技巧

167 阅读1分钟

自带技巧

  1. 一键执行 npm scripts

    执行 npm scripts 需要在命令行?那是你没用过 vscode 自带的这个功能。

    vscode 会扫描所有的 npm scripts,然后列出来,直接点击 run 就会打开 terminal 来跑,而且高版本 vscode 还可以直接 debug 来跑。

    根本不需要自己输入 npm run xxx。 image.png

  2. 更强大的搜索

    搜索这个面板有个按钮可能很多同学都没注意到过,点击之后会打开搜索页面来搜索,可以预览的搜索结果更丰富,行数更多。

image.png 比如我搜索一个 @babel/core: image.png

  1. comand + shift + p 相关

    这可能是大家都知道的一个快捷键,输入框中会有一个 > 代表后面是命令,但还有一些大家可能不知道。

    比如直接 command + p,不按 shift,这时候就是搜索文件。

    比如直接按 ctrl + g,或者在输入框输入冒号就代表后面是跳转的行号,可以快速跳到某一行

vue插件

  1. vaniship.vue-ls-snippets 本代码片段搜集了常用的 vue 代码片段

vsCode插件.gif