你一定要知道的7个VS Code技巧

微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。

快来免费体验ChatGpt plus版本的,我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器,ChatGPT4 已上线 https://cube.waixingyun.cn/home

以下是你绝对应该了解的7个VS Code技巧,这些技巧无疑会将你的生产力提升到月球!

1. Sticky Scroll 粘性滚动

你一定要知道的7个VS Code技巧_第1张图片

是否经常在浏览长文件时迷失方向?

Sticky Scroll 来救援!它在屏幕顶部显示你所在的函数/类,这样你就再也不会迷失方向了!

你可以通过访问 Settings 并搜索 Sticky Scroll 来启用它。

你一定要知道的7个VS Code技巧_第2张图片

2. Command Palette 命令面板

你一定要知道的7个VS Code技巧_第3张图片

需要快速执行一个命令吗? Command Palette 在这里帮助你!只需使用快捷方式并选择你需要的命令即可:

Windows: Ctrl + Shift + P Windows: Ctrl + Shift + P
Mac: Cmd + Shift + P Mac: Cmd + Shift + P

3. Custom Snippets 自定义片段

你一定要知道的7个VS Code技巧_第4张图片

发现自己一遍又一遍地重写同样的代码吗?有了 Custom Snippets ,你可以实现自动化!

你可以在这里找到它们:https://tapajyoti-bose.medium.com/how-pros-automate-repetitiv...

4. File Finder 文件查找器

你一定要知道的7个VS Code技巧_第5张图片

就像 Command Palette 一样, Go to File 是一个方便快捷打开文件的功能。以下是快捷方式:

Windows: Ctrl + P Windows: Ctrl + P

Mac: Cmd + P Mac: Cmd + P

5. 内部版本

你一定要知道的7个VS Code技巧_第6张图片

你知道吗,你可以在VS Code的最新功能发布之前就进行试用吗?内测版每天都会更新最新的功能,可以从这里下载:https://code.visualstudio.com/insiders/

6. Go to Symbol 前往符号

你一定要知道的7个VS Code技巧_第7张图片

Go to Symbol 是另一个方便的功能,可以快速跳转到文件中的函数/类

Windows: Ctrl + Shift + O Windows: Ctrl + Shift + O

Mac: Cmd + Shift + O Mac: Cmd + Shift + O

7. 查看文件更改

你一定要知道的7个VS Code技巧_第8张图片

默认情况下,VS Code会附带一个时间线功能,它会显示你对文件所做的所有更改。

再也不用翻阅 git 日志来找出发生了什么变化了!

交流

有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。

本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。

你可能感兴趣的:(你一定要知道的7个VS Code技巧)