一些你所不知道的VS Code插件

  • 时间:
  • 浏览:1

摘要: 你所真不知道的系列。

打开最好的最好的办法:文件 > 首选项 > 设置 > 用户设置 > 工作台 > 禅模式

想象另一个史诗般的主题加进去去史诗般的图标。 Material Theme Icons 是替换默认 VSCode 图标的绝佳挑选。设计的大型图标目录与主题融为一体,使其更加美观,这不不利于你在资源管理器中轻松找到你的文件。

如此人喜欢输入非常长的励志的话 ,比如 console.log()。这真的很烦人,尤其是当你只想快速输出你你是什么 东西,查看它的值,有日后 继续编码的日后。因为我告诉你,让人像 Lucky Luke一样快速地控制台记录任何东西呢?

具体使用最好的最好的办法都我很多 参考:

文字的风格使阅读变得简单方便,让人使用好看连字的字体使编辑器看起来更友好。 这里是支持连字的6种最佳字体 (根据www.slant.co)

Fundebug专注于JavaScript、微信小系统多多线程 、微信小游戏、支付宝小系统多多线程 、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计补救了10亿+错误事件,付费客户有Google、3300、金山软件、百姓网等众多品牌企业。欢迎你你是什么 人免费试用!

因为你想记录每天编程所花的时间,WakaTime 是另一个扩展,它都我很多 帮助记录和存储有关编程活动的指标和分析。

提高visual studio使用逼格的连体字(Fira code)以及多行编辑(MixEdit)

因为与 VSCode LiveShare 并肩使用,它甚至都我很多 让人共享本地主机。

原文:Here are some super secret VS Code hacks to boost your productivity

为了让广大苦逼码农我很多 在 coding/docing 时有清晰的思路,代表最广大码农利益的 VSCode 也加入了“禅模式”。该模式都我很多 在你在页面编辑文件时启用,效果是全屏化你的编辑框,有日后 蕴含 若隐若现的云雾效果。

因为你不认识 Emmet,如此你因为是另一个喜欢打字的人。Emmet 允许你写入缩写代码并返回的相应标记,目前 VSCode 因为内置,很多我很多 配置了。

VS代码另一个强大的命令行界面,允许你控制如可启动编辑器。让人通过命令行选项打开文件、安装扩展名、更改显示语言和输出诊断信息。

这是另一个非常棒的扩展,都我很多 帮助你启动另一个本地开发服务器,为静态和动态页面提供实时重新加载功能,它对 HTTPS、CORS、自定义本地主机地址和端口等主要特征提供了强大的支持。

这是 VS Code 主题中的重要角色。 作者认为重要的主题是在编辑器中用笔和纸书写最接近的东西(有点痛 是在使用无对比变体主题时)。 从集成的工具到文本编辑器,你的编辑器看起来几乎是平的和无缝的。

当在不同的行加进去去进去游标来编辑多行代码时,发现你你是什么 特征非常有用。让人克隆qq和粘贴你你是什么 游标挑选的内容,它们将按照克隆qq的顺序进行粘贴。

这条建议来自 https://vscodecandothat.com/,作者非常推荐它。

Quokka 是J avaScript 和 TypeScript 的快速原型开发平台。在你输入代码时,它将立即运行你的代码,并在代码编辑器中显示各种执行结果。

编辑器的内容上方现在另一个被称为 Breadcrumbs 的导航栏,它显示你的当前位置,并允许在符号和文件之间快速导航。要使用该功能,可使用 View > Toggle Breadcrumbs 命令或通过 breadcrumbs.enabled 设置启用。要与其交互,请使用 Focus Breadcrumbs 命令或按 Ctrl + Shift +

Fundebug经授权转载,版权归原作者所有。

让人尝试 Fira Code,它非常棒有日后 是开源的。 以下是引入 Fira Code 后在 VSCode 辊更改该字体的最好的最好的办法。

设置最好的最好的办法:打开最好的最好的办法:文件 > 首选项 > 设置 > 工作区设置

Quokka 的另一个很棒的扩展插件,当你准备技术面试时,让人输出每个步骤,而何必 在调试器中设置断点。它还都我很多 帮助您在实际使用日后研究库的函数,如 Lodash 或 MomentJS,它甚至都我很多 用于异步调用。

这是通过名为 Turbo Console Log 的扩展来完成的。它支持对下面一行中的任何变量进行日志记录,并在代码特征日后自动加进去去前缀。你还都我很多 注销 注释/注释 alt+shift+u / alt+shift+c 为所有由你你是什么 扩展加进去去的 console.log()

让人使用 balance inwardbalance outward 的 Emmet 命令在 VS 代码中挑选整个标记。 将你你是什么 命令绑定到键盘快捷键是有帮助的,之类 Ctrl + Shift + 向上箭头用于平衡向外,而 Ctrl + Shift +向下箭头 用于平衡向内。

代码部署后因为所处的BUG如此实时知道,事后为了补救你你是什么 BUG,花了几滴 的时间进行log 调试,这边顺便给你你是什么 人推荐另一个好用的BUG监控工具 Fundebug。

你突然会看过蕴含 定制字体和主题的代码截屏,如下所示。这是在VS代码与 x 扩展

此外,你也都我很多 通过 alt+shift+d 删除所有:

因为你想了解更多的 Emmet 的简写,都我很多 查看 Emmet Cheatsheet

当然因为须要自定义自己喜欢的颜色,请将以下代码段克隆qq并粘上放 settings.json

我知道 Carbon 也是你你是什么更好,更可定制的替代品。 有日后 ,Polacode 允许你保留在代码编辑器中并使用你因为已购买的任何专用字体,你你是什么 字体在 Carbon 中无法使用。

想象一下,你通过 git clone <repo-url> 克隆qq另一个远程库,你你后要 替换你正在使用的当前 VS Code实例。 通过命令 code . -r 将在何必 被抛弃 CLI 界面的情况表下完成你你是什么 操作 (在此处了解更多信息)。

这是另一个很棒的视觉调整,改变了不同项目的标题栏颜色,以便轻松识别它们。 因为你补救因为具有相同代码或文件名的应用系统多多线程 (之类react-native 应用系统多多线程 和 React Web应用系统多多线程 ),这非常有用。

作为一名业余爱好者、专业人员,甚至是每月不到一次编程的开发人员,你须要知道,对于任何你后要 在工作中投入最大生产时间的人来说,拥有智能和敏捷的工具是至关重要的,废话很多说,介绍插件比较重要。

vscode中修改字体,使用 Fira Code

缩进风格,你你是什么 扩展为文本前面的缩进着色,在每个步骤中交替使用你你是什么不同的颜色。