95%的开发者都在浪费VS Code的潜力。mwA28资讯网——每日最新资讯28at.com
VS Code有许多隐藏的宝藏功能,可以提升您的生产力和使用体验 — 但大多数人并没有使用它们。mwA28资讯网——每日最新资讯28at.com
使用这11个实用技巧来逐步增强VS Code的功能,让您编码更快:包括强大的扩展、鲜为人知的快捷键、美观的字体和配色方案等等。mwA28资讯网——每日最新资讯28at.com
1.首先从基础开始
从基本功能入手。mwA28资讯网——每日最新资讯28at.com
学习重要的键盘快捷键一旦掌握这些快捷键,你的编码速度将大大提高。mwA28资讯网——每日最新资讯28at.com
用Shift + 左/右箭头来左右选择代码。mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
用Ctrl + C复制整行,无需选中。mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
用Alt + 上/下箭头上下移动行。mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
- 用Ctrl + K删除行
- 用Ctrl + W关闭文件
- 用Ctrl + K, W关闭所有文件
启用自动保存
自动保存你的文件。mwA28资讯网——每日最新资讯28at.com
我之前说过为什么不喜欢自动保存,但它确实是一个很好的功能,可以停止不断按 Ctrl + S。mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
2.设置源代码控制
需要设置Git集成以轻松跟踪你的更改。mwA28资讯网——每日最新资讯28at.com
用VS Code初始化仓库
使用源代码控制窗格初始化新的本地仓库。mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
安装这个扩展
现在安装GitLens扩展以获得更好的集成:mwA28资讯网——每日最新资讯28at.com
GitLens将显示重要的仓库数据和当前文件信息 — 文件历史、提交、分支等。mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
会注意到缩写与CSS选择器非常相似。mwA28资讯网——每日最新资讯28at.com
这是有意为之的:Emmet语法受CSS选择器启发。mwA28资讯网——每日最新资讯28at.com
安装这个扩展
JavaScript (ES6) code snippets: 完全加载了大量节省时间的JavaScript代码片段。mwA28资讯网——每日最新资讯28at.com
看看imp和imd片段如何快速导入ES6语法的模块:mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
5.安装键映射,让你感觉宾至如归
如果你习惯于其他代码编辑器,这非常宝贵。mwA28资讯网——每日最新资讯28at.com
所以如果您来自:mwA28资讯网——每日最新资讯28at.com
- Vim: 安装这个扩展
- Atom: 安装这个扩展
- Visual Studio: 安装这个扩展
例如在Atom中,您可以轻松按A和Shift + A来创建新文件或新文件夹。mwA28资讯网——每日最新资讯28at.com
安装Atom键映射立即将这个快捷键带到VS Code — 无需手动编辑热键:mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
6.开始自动代码检查
应该安装一个代码检查器来避免错误并强制执行代码风格。mwA28资讯网——每日最新资讯28at.com
使用ESLint快速找到并修复JavaScript代码中的问题,轻松避免糟糕的编码实践 — 比如未使用的变量:mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
可以在设置中启用它:mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
我用过的一些很棒的主题:mwA28资讯网——每日最新资讯28at.com
- Atom One Light & Atom One Dark — 我主要在这两个之间切换。
- One Dark Pro
- Night Owl
可以使用设置图标更改主题:mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
图标主题
VS Code在文件资源管理器窗格中显示图标的方式相当平淡无奇:mwA28资讯网——每日最新资讯28at.com
mwA28资讯网——每日最新资讯28at.com
这就是为什么应该安装VS Code Icons来增添趣味:mwA28资讯网——每日最新资讯28at.com
不同的图标使理解每个文件及其在代码库中的作用变得更加容易。mwA28资讯网——每日最新资讯28at.com
最后的想法
有了所有这些新设置和扩展,您就可以快速构建并更快地实现您的开发目标了。mwA28资讯网——每日最新资讯28at.com