为什么我想成为Visual Studio的高级用户?

成为高级用户是保持领先的另一种方式. 开发者经常谈论他们如何保持在游戏的顶端，以及他们如何不断学习新事物并继续磨练自己的技能. 这是一个经常被问到的面试问题, 因为雇主往往更喜欢致力于拓展技能的人才. 掌握IDE和计算机可能是您专业发展中最好的投资之一.

开发人员总是在寻找一个新的博客，这将使他们更好地在他们的工作. 无论您使用的是哪种IDE， 它可能有一个博客:订阅!

另一个原因是它节省了时间. 花时间改善你的工作流程可以带来更高的效率或更多的娱乐时间. 今天，我们就来仔细看看 Visual Studio 和 VSCode 并讨论如何提高你的技能，使你成为一个高级用户.

如何成为VSCode的高级用户?

这就是普通用户和超级用户的区别 超级用户:

• 熟悉您的IDE: VSCode已经 优秀的文档，读一读!
• 定制: 高级用户定制他们的工作流程以满足他们的特定需求.
• 自动化 所有无聊和重复的任务.
• 持续改进 您的工作流程，并跟踪您的IDE的发展.

在本文中, 我打算解释我自己是如何解决这些问题的，并让你掌握自己解决这些问题的知识. 我所做的不一定对你有效，至少不是完全有效. 人们在 不同的环境和项目 (对我来说，主要是使用反应.js和TypeScript在Windows上)，但总体方法对每个人都有效.

用玩笑测试

我一次编写一个测试，这意味着我需要一种方法一次运行一个测试. 然而, 原生正则表达式解决方案 很笨重. 这就是我使用的原因 Jest跑步. 这个有用的扩展允许您执行或调试单个套件或测试.

下面的视频显示，您所需要做的就是右键单击测试名称并使用上下文菜单来运行它.

契约测试

编写契约测试最耗时的部分是 匹配. 我通过 创建有用的代码片段 自动化重复操作. 这些 有一些是我做的，请随意使用它们(I.e.，只需将它们复制粘贴到VSCode的 / /片段打印稿.json).

下面的视频展示了如何使用这些片段:

1. 选择所有相同类型i的出现次数.e.，选择所有字符串、时间和其他值.
2. 使用 预定义keybinding，或调用 插入片段 然后选择相关的代码片段，或者只是开始键入您想要使用的代码片段的前缀.

Git

大多数开发人员每天都在使用Git和GitHub，我也是. 但是，我尽量避免使用终端或github.com.

GitHub拉请求和问题 允许我在VSCode的舒适中打开，编辑和审查pr. 我发现我的IDE是一个比GitHub的web或桌面应用程序更好的审查代码的地方. 有些开发人员可能不同意，但我很欣赏在我的IDE中这样做的一致性和舒适性.

Git可以做很多事情，但是我记住的命令太少了. 但是为什么要把记忆放在第一位呢? 记住太多日常事务的细节并不会有很高的效率.

GitLens 在您的指尖暴露了大量惊人的功能. 多亏了它，我很少需要到终端才能使用Git.

终端定制

无论您使用的是哪种操作系统，您都可以比默认终端做得更好. 我使用 Windows终端 + cmd. 如果您是Unix用户，请查找 摘要 (macOS)或 我的天啊 (Linux和macOS). 我 将它们集成到VSCode中 并添加了许多别名(快捷方式)，节省了我编写命令的时间.

例如:

• Ys =纱线开始 -帮助我启动一个应用程序，只有两个字符
• del=RMDIR /S/Q $* && echo“删除成功”!!!" -删除提供的目录，并在完成时显示成功消息
• gdab = git branch | grep -v "主" | xargs git branch -D -删除所有本地分支，除了本地分支 主

在这里和那里保存几个字符可能看起来很愚蠢, 但从长远来看，这些节省时间的功能会累积起来. 我发现使用别名的第二个好处是——花更少的时间输入别名可以帮助我保持专注，不会因为我不需要记住如何调用命令而失去思路.

代码生成

创建新组件、页面等. 是我经常做的事情，而且很直接，大多数读者都知道. 但是创建一个新文件夹并初始化其中的文件可能会很繁琐. 所以，我把这个过程自动化了.

下面的视频显示 超负荷的反应 在使用. 使用 新组件，我可以指定新组件的名称和位置. 然后，扩展运行一个脚本，创建一个文件夹并初始化这个新组件.

智能感知

VSCode具有强大的智能感知功能，大多数时候，您不必考虑使用它. 然而，当你浏览建议时，你可以按 Ctrl + Space 查看有关每个可用选项的文档.

智能感知可以额外定制 以适应您的工作流程和个人偏好.

键盘快捷键

我肯定你会使用快捷方式，比如 按Ctrl + S 和 Ctrl + F. 它们都是 良好的文档记录, 如果你不太熟悉VSCode的大量快捷方式, 我强烈建议你改变这一点，加倍努力去掌握它们. 某种绑定太笨重了? 你发出的命令通常需要很长时间才能输入? 打开VSCode的键盘编辑器 创建快捷方式.

如果你想知道一个命令是否被分配给一个特定的键组合, 单击搜索栏中的键盘按钮，您可以在其中记录击键. 然后，您将看到哪些/if命令与它们关联.

鼠标的快捷方式

开发人员经常被告知，为了提高生产力，他们需要这样做 学会讨厌他们的鼠标，喜欢他们的键盘. 如果您正在处理小而密集的文件，这可能是有效的. 但是在一个自动代码格式化和包含数百行代码的文件的时代, 我认为这更像是一个例外.

我不仅积极使用 我的鼠标 但我已经定制了它，以适应我的工作流程 罗技选项. 我编写了鼠标上的特殊键来执行VSCode中的某些命令.

以下是教你如何“教”你的鼠标做一些不仅仅是移动光标和点击的事情:

1. 从右上角的菜单中选择VSCode.
2. 单击要自定义的按钮.
3. Select 击键赋值 从左侧的操作列表中.
4. 在VSCode中输入预定义的快捷方式.

备份和同步设置

如果不能备份并在需要时重用，那么定制任何东西就没有多大意义.

的 本地解决方案 只适用于 内部人士 目前. 然而, 设置同步 帮助您将代码设置保存为Gist，并允许您在多台机器之间同步工作流. 你需要一个GitHub令牌来 配置它，但是之后，您只需要运行一个命令来 上传 和 下载 您的设置.

推荐的VSCode扩展

我已经提到了几个扩展，并解释了如何使用它们. 以下是一些值得注意的内容:

• 环绕:需要在箭头函数或try-catch块中包装一些选定的代码? 这个扩展将为您做到这一点!
• 搜索node_modules即使你没有排除 node_modules 从VSCode的资源管理器中获得性能提升，该文件夹太大了，无法导航. 这个扩展可以让你搜索你正在寻找的东西，而不是无休止地滚动.
• 收集 和 反应重构 为您的JSX文件提供一些有用的重构工具.
• 自动关闭标签 自动添加HTML/JSX/TSX文件的结束标记.
• 文件跑龙套:一个方便的方式来创建、复制、移动、重命名和删除文件和目录. 它也是可定制的.
• JavaScript助推器 自动化一些常见的重构操作.

Summary

不要成为一个常规用户. 做一个高级用户. 总是比别人多走一步，看看它会把你带到哪里. 总是注意到效率低下的地方，并试图减轻它们.

我的解决方案应该是大多数开发人员所熟悉的:a 看板. 每当我注意到一些让我慢下来的事情，我就把它作为待办事项写下来. 每当我有空闲时间，我就设法找到解决办法.

如果你觉得这篇文章让你不知所措，不知道从哪里开始， 阅读文档，它会给你最好的投资回报率! 我知道阅读官方文档听起来很无聊，但我保证从长远来看这是值得的. 它不仅会教你如何提高工作效率，还会教你如何编写文档.

为了方便起见，我整理了这个列表 文档必读部分:

• 提示和技巧有些是显而易见的，你可能已经知道了, 不过我保证你会发现一些你不知道的东西.
• 编辑技巧这些编辑技巧非常强大，学习它们会让你在日常生活中受益.
• 收缩/扩张代码当你与其他开发者合作时，尝试这个捷径，给他们留下深刻印象!
• 快捷键:了解键绑定如何工作以及如何自定义它们, 它是掌握IDE的基石之一.
• 支持数百种编程语言:了解VSCode为您选择的语言提供了哪些特定功能.