5 个 Visual Studio Code 技巧,你会感谢我的(而且它们不是像“安装 Prettier 扩展”这样的常见技巧)
各位程序员们,大家好!你们肯定听过很多遍同样的 VS Code 技巧,比如“安装 Prettier 扩展来格式化代码”、“按 alt + shift + down 键复制代码”等等。在本文中,我将分享一些平时很少看到的 VS Code 技巧(除了第 5 条,它是一个非常通用的建议)。如果这篇文章对你有帮助,请点个赞。
[1] 在新选项卡中自动打开文件
当你打开了文件 A 并想打开文件 B 时,点击文件 B 后,文件 B 确实打开了,而文件 A 却关闭了,这难道不烦人吗?你可能双击文件 B 以在新标签页中打开,但这是否像我遇到的情况一样,有时会让你感到失望?要解决这个问题,请在设置中搜索“workbench.editor.enablePreview”,然后取消选中该选项。从现在开始,VS Code 将始终在新标签页中打开文件。
[2] 更改评论颜色
我不是强迫你,但有些评论的颜色确实会有所不同。就我而言,我更喜欢用这种绿色来表示评论,因为这样更容易在代码库中找到我的评论。为此,请在您的 settings.json 文件中添加以下代码,或者如果已存在,请将其删除并替换为以下代码:
"editor.tokenColorCustomizations": {
"comments": "#229977" // change to any color you like
},
[3] 更多房地产
有时您只想放大查看文件、文件夹和代码。因此,您可以考虑按 ctrl + '-' 进行缩小。按 ctrl + '+' 进行放大。此外,按 F11 可以隐藏 VS Code 的任务栏和标题,从而扩大 VS Code 的视图范围,让您更专注于当前情况。
[4] 生成自定义代码片段
自定义代码片段(如果您不了解的话)是一种代码模板,您只需在键盘上输入几个字母,即可自动生成模板/样板代码供您使用。如果您仍然不明白,这相当于在 React 文件中输入“rsf”,即可生成一个函数式组件(前提是您安装了正确的扩展程序)。要创建自定义代码片段,只需访问此网站https://snippet-generator.app/并输入您的代码片段。请务必填写触发代码片段的 Tab 键。然后复制它提供的代码片段。返回 VS Code,前往“文件”>“首选项”>“用户代码片段”>“新建全局代码片段”(在 Mac 上导航到此处可能有所不同,如果您找不到,请谷歌搜索)。粘贴复制的代码。就这样。
[5] 在 VS Code 中更改主题
好吧,这很明显(没错,这与标题不符),但今天就去https://vscodethemes.com/获取一个新主题吧。他们有大量的主题,可以通过鹰眼视角预览。