vscode运行代码太慢怎么办

在编程的过程中，经常会遇到要同时打开多个文件的情况，如果说你有多个显示器，那你可以在不同的显示器上面放置不同的文件。但是如果说你只有一个显示器，那怎么办呢？你可以用 vs 扣子的分屏功能查看编辑器布局， 假设用二乘二网格，那这里呢就有四个框出现了，你可以把不同的文件放在不同的框里面， 可以同时查看，并且独立编辑，相互不影响的。在 vs 扣的里面，每打开一个新文件，就形成了一个新的编辑器，在不同的宽里面叫不同的分组，这里可以看到第一组，第二组，第三组，第四组。当然你也可以用一种更简单的方式，比方说我现在打开一个文件， 我再打开文件，我直接用鼠标拖动在不同的位置，他就可以形成新的分组，是不是很简单也很方便，通过这样的方式可以有效的提高我们的编程速度。

最近发现一个非常厉害的 vs cod 插件，程序员真的彻底解放了这个 vs cod 的插件，可以帮你解释任何代码的意思，最主要的是它是完全免费的，我来给大家演示一下。 做完这个插件之后，这里会出现一个扩展的图标，它是一个基于百度文星大模型的 aigc。 我这里找了一段代码，我们选中它，让这个插件帮我们解释下这段代码的意思。右键选择解释代码， 可以看到他正在思考中，我们稍微等待下，结果出来了，我们来看看。他说这段代码中使用了 vu 三的 reactive 函数来创建一个响应式对象， 然后使用了 vivo 三的 effect 函数来创建副作用。下面还详细解释了美剧代码的意思，可以看出解释的还是相当准确的，如果你觉得还不满意，这里有个按钮可以让他重新生成。平时你在看一些淡流的框架原码的时候， 他也可以给你一些指导意见，帮助你更快速的理解源码的意思。这里是一段弥优三的源码，用于响应式对象的依赖触发，我们看下他的解释也是非常准确的。当然他还有其他功能， 自然语言生成代码、代码优化代码修复生成代码的单元测试。快去使用这个插件吧，让你的开发速度飞起来。关注我，了解更多互联网资讯！

当使用 vs 扣子的时候，我们经常会用到这个缩略图。缩略图可以让你很清晰的看到你单前文件的一个状况。拖动鼠标这里的黑色的框。你可以将代码定位到任何的区域。如果说你的代码中有错误，他也能够很直观的在缩略图中显示缩略图的。打开关闭，再查看里面的显示缩略图。

哈喽，大家好，今天呢和大家分享一下如何使用 v jstudil 扣子来进行一个远程调试。首先呢我们搜索一下 vs 扣子， 我们可以发现啊，我们访问这个网站还是有一点慢的， 接下来我们点击下载， 因为我这边呢已经之前已经下好了 这个 vivo 的，所以我们这边直接安装， 那安装完成之之后呢，这就是我们的一个界面， 那 vs 扣的的话呢，有两个插件是我们必须要安装的， 第一个呢就是一个行画插件， 问点知 yes go， 然后再重启一下这个软件，还有一个必须安装的软件呢，就是 remodss h， 嗯，这边点击安装， 等待安装完成之后呢，我们可以在左边的侧边栏上可以看到多出来的一个图标，这个就是我们的 s h h 相关的一个图标， 接下来我们点击加号， 输入我们 lsh 的一个主机名以及豪司内， 我们进行连接， 弹出这样一个推划框呢，我们选择允许访问， 然后在上面的平台呢，我们选择 usb 平台，然后再选择 ctrl， 最后输入我们服务器的一个密码， 那从左下角的一个信息呢，我们就可以发现我们这个是已经连上了， 那接下来呢，我们打开一下文件夹啊，这边打开的一个对头的一个文件夹，那我们再选择对头装的一个复印客这样这个文件夹，然后点击确定， 然后再输入一下我们服务器的一个密码， 选择亲人词软件， 那我们就可以看到呢，在左边的上就有我们的一个福利，可相关的一个文件，我们再点击相关文件就可以对其进行编辑， 那我们从这个首页上呢，我们可以看到 通过按下 ctrl 加上一撇就可以调出我们的一个终端，那我这边终端这边的话呢，输入我们的一个命令就可以执行了， 这边显示的是一个提交福利可任务的一个命令， 那 vs 后的的远程调试方法大概就是这样子的，大家下期见。

有小伙伴好奇我的 vs 扣了用的什么样的图标？不同的变量，他有不同的颜色，这个颜色看起来还挺好看的，我告诉大家我是用的这个 one duck pro， 大家可以去咨询下载一下看看，看起来还不错。还有一个好用的插件，你看我这里面的每一个文件前面都有这种不同的图标，这个是怎么实现的呢？我在这里面装了一个这个插件， 这个插件安装完之后他会给不同的文件加不同的前置，他有这么多。还有一个插件，我们在导入包的时候，他后面会显示这个包的大小，那么我是用的这个插件， 大家也可以去安装一下，编辑的时候他会在后面实时的显示你你的这个包的大小， 你说这个引流袋子大概是七十 kb。 还有这个利物 show 插件也非常好用，这个插件安装完之后，会在你的这个外扣的右下角，它有一个勾利物这个图标，比如说我们选完一个页面要看它的效果，要运行起来，这时候我们可以点它， 点了之后他默认的会起一个五五零零的端口，我们就可以看一下我们显瘦，这里面也可以随便加加东西，加完之后他会自动变化的。

我们代码每次做了修改，你这个浏览器还需要重新刷新一次，比较麻烦。那有没有一种简单的方法当我这个 visco 的呀，每次保存了页面自动刷新，自动就变成最新的页面呢，这就是接下来我要给你介绍的这个 live sir， 这个插件是你们前端人员的啊，不对，是我们前端人员 必须要装的一个插件了啊，在这里面我教给同学们一个小技巧，把我们这个 wesco 的呀，你可以哎，缩小一下，把浏览器呢也缩小一下， 然后呢和我们的 sq 的并排放到一个窗口上，那这样的话就是一个左右分屏的效果，新建一个页面啊，比如说我们去做 打死他点爱的睫毛，生成我们的骨架。那这点完毕之后呢，我们再来打开我们的浏览器，现在呢，我就右键 open v 字雷五四二网，稍等片刻啊，好，启动开了，这是一个 diy。 好，然后呢？牛年，呃， 牛腩面，牛腩面啊，也行，是不是啊？牛腩面好，你看啊，我只需要在这里面卡加斯保存走着，哎，你会发现上面这个地方是不是自动就进行我们现场 出来了，那在这有个注意点，如果同学们想要使用这个插件呀，一定注意，先使用 westcoat 呢，打开稳定甲，否则的目录稳定甲才行。 还有一个呢，就是我们 wesco 的 x， 我在这里面新建了几个文件，你看 atm 五是不是写了一个五啊？我在新建一个 css 啊， indests 的点 css， 你看这儿是不是自动变成了 cs 三呀，那我再建一个 index 的点 zs， 喏，这是不是自动变成了 zs？ 那么通过这个小图标，我们就很清晰的看到你这属于哪一个文件，用的就是我们这个，哎，我已经装好的一个小插件叫做 westcold x， 那我们在修写我们的节奏的时候，你看啊，我说一个 diy 表情，按下 top 键生成 diy， 那我想修 改前面这个标签的时候，后面跟着一起来变，那我们只需要这么做，双击选择 div， 你看我改成 spaspan， 同学们会发现我后面自动就跟着一起来变了。那这个我这个实行的效果就是用到了我们这个奥特瑞 nametiger 这个插件。

大家好，今天我们来看一下，如果你的代码执行慢了，而你无从下手，我们应该如何解决。嗯，在这里我们先来看一下阶段代码， 嗯，你能发现这段代码的问题吗？稍后我会告诉你这段代码是多么的糟糕，他是一段 back coat， 他执行起来非常的慢，为什么他很慢？以及我们应该怎样去避免这样的问题？稍后我们来一起做一下实验，然后一起去讨论一下， 那代码慢带来的后果是什么呢？如果在高并发高流量的场景下，他会 带来什么问题呢？就是因为他执行的很慢，那么占用服务器资源的时间就会很长，那么当流量很大的情况下，那么你的服务端服务器的资源很快就会被占满， 那么此时其他正常的接口就会争抢不到浮端的资源。此时 app 端会有什么样的结果呢？此时 app 端的页面就会表现为超时五零二 temot， 这是一个很糟糕的结果，那么我想你这个月的绩效那肯定就完蛋了。我之所以举出这样一段代码，是因为我在工作当中真的遇到过写出这样代码的人， 是因为他们不清楚或者不理解这段代码在 jvm 引擎背后到底发生了什么。如果你能真的理解这段代码在 jvm 背后他发生了什么？怎么执行的？ 内存是怎么分配的？我想你一定不会写出这么糟糕的代码。稍后我会借助一些工具来观察一下 gym 内存的变化，来解释一下这段代码为什么这么慢，为什么这么糟。 ok， 咱们来先看一下这段代码的这段代码的逻辑，这段代码逻辑呢，非常的简单，嗯，咱们看一下这个 slow 这个方法，然后我整体的这个类呢，是一个 ctrl 类，那么稍后我会进行进下请求看一下整体的耗时，这是一个 slow 方法， 然后我开始记录一下开始时间的 sam 变量，它是 long 类型，然后后面我写了一个 for 循环，其实就是对 sam 进行累加，然后我会将 sam 的值输出，同时我会计算出 这个累加的过程到底耗时多少，我最后将耗时打出，然后将耗时的时间返回给浏览器。如果你真的想弄明白这个问题，你应该先了解基本类型和对象类 类型在 j v m 内存中是怎么存储的？我们来先看一张图吧，左边是债，右边是堆，那么站上都存储什么呢？站上存储的是你的基础基本的数据类型，还有你的什么，还有不变量参数。 如果是对象类型的变量，那么对象的引用也是存储在站上，那么对象存储在哪呢？对象是存储在堆上，就像比如你个 user 对象你用了一个 user， 那么 user 这个变量是存储在站上，那么这 user 指向的对象是存储在堆上， 在站上存储的数据，比如说 q 变量啊，参数呀，基本基本类型的变量呀，那么他在咱们方法结束之 之后， jym 会进行自动的回收，但是对象是存储在堆上，堆上的内存是很昂贵的，如果你的对象越来越多，越来越多， 那么就会触发垃圾回收，这里面会有一个垃圾收集器，那么垃圾收集器何时启动呢？我们自己是不能进行控制的，是由 j v m 自己进行控制的。知道了这些，咱们再来看一下这段代码的问题出在哪里？ 嗯，我们来看这里。我们在定义 sum 的时候，咱们指定的类型是 long， 是 对象类型，而不是一个基本类型。他在循环里持续的累加，那么每次累加的时候，他会创建一个新的 object， 新的新的 object， 也就是一个新的 long 对象。那为什么每次累加他都会创建一个新 的对象呢？我们可以点开这个浪这个类，咱们看一下。这个类是 final 类型的，他每次累加的时候都会创建一个新的对象，因为原来对象是不能被改变的，所以每次他必须要创建一个新的对象，将值再添加进去，然后他会放到 j v m 的堆上， 你看咱们循环了多少次 in tiger 的最大值？ maxwell， 那么你在堆上要创建多少的多少个 long 类型的对象？那么你可想而知，你的堆内存是不是很快就会满了，那么满了之后呢，就会触发垃圾回收，那么垃圾回收 会出现什么现象呢？会出现 stops world， 就会暂停你的应用，你的应用就无法运行了，那么前端享用延迟肯定会 提到，那随着你创建对象的越来越多，前端的请求越来越多，那你后端服务器的资源呢？全都被你这一个接口的方法所占用了，那么其他正常的接口呢？抢不到资源了，那结果就是你整个 app 都无法使用了，你的页面就变成空白了。 还有一点，因为你创建的是一个对象，你创建对象也是要浪费时间的，包括你的堆的分配啊，内存的分配啊，都是需要耗时的。 ok， 我们用浏览器来测试一下这个接口到底有多慢，我们打开浏览器，然后输入接口退车，我们此时来观察一下 gm 内存的变化， 我们可以看到啊，他是一个上升下降，上升下降，上升下降的过程，他为什么会上 生呢？那其实上征就是你不停在创建对象，你创建对象多了，那此时你的内存会有个临界值，这时会触发 j c， 触发 j c 内存释放了，那么它就会下降，那这种上升下降交替次数多了，说明你 j c 的次数就多了，你 j c 的次数多了，那么你应用暂停的次数就多，那说明你这个接口的响时间一定是延长的。 ok， 我们来看一下浏览器返回的这个耗时时间啊，十一点二六秒，任何一个接口绝对是不能够忍受你的颜值时间是十一点二六秒的，那么我们如何来解决这个问题呢？ 如果你理解了我刚才讲基本数据类型和对象类型在 gvm 内存中是如何进行分配的， 那么我想你心中现在一定有了答案。我们来看这个 fast 方法，其实修改很简单，我们只需将 这个 some 变量的类型改为 long 基本类型，小写的朗基本类型就可以了。然后我们来用浏览器测试一下这个 fast 接口它的防伪时间是多少，我们这里改成 fast 回车 零点七三一秒，是不是很快？现在你就应该明白，一个小小的变量的类型，他是基本数据类型还是对象类型，他就能把你代码搞的非常的慢。 所以我们最后的原则是什么呢？我们应该尽量在自己的代码中去使用基本类型变量，而不使用对象，因使用对象会过多的占用咱们的堆内存， 基本数据类型会在站上分配，他的执行速度分非常的快，那么你的方法执行结束之后，内存马上得到释放。 ok， 今天的分享就到这里了，希望大家能给予关注和点赞，再见！

给大家推荐一个代码的补权工具 uli， 它不同于一般的自助补权插件，它使用了深度学习来帮我们补权代码。它支持主流的 开发工具，像 vitco 的 interlater， 还有 webstone， 它支持主流的开发语言，像 gs 啊， dota， java， go， 基本上主流的语言都支持。我们打开 vico 的，在应用市场里面去搜索它进行安装。 我们在写代码的时候，比如说我们可以另一个他自动帮我们补全，我们如果觉得他补全代码，如果认为是合适的，那么我们可以按 table 键直接使用， 直接退保险，自动帮我们补贴代码，能让我们少写代码，提高我们写代码的速度。有没有其他好用的 vic 的插件可以评论区留言一块分享。

只需要三十秒，这三个配置让你的 vscode 更好用，拍摄编程更高效。一、滚轮调节字体大小，点击文件搜选项，设置搜索鼠标 mouse 勾选第二个选项就可以实现按住 ctrl 键并滚动滚轮，实现对大小的调节了。 第二，自动保存，点击文件勾选自动保存，如果我不勾选的话，会有什么效果呢？我如果修改文件的话，会出现一个小圆点，代表着我的文件是没有保存的，按下 ctrl s 保存后，小圆点消失。 我如果勾选了自动保存，我去修改文件的时候会发现呢，并没有这个小圆点，这是 vs code 帮我们做了自动保存。第三，主题选择，点击文件首选项颜色主题，按下键盘的上下， 可以去预览这些主题的样子，确定好了之后，点击 inter 或者鼠标确定就可以了。你学会了吗？你最喜欢哪一个主题呢？欢迎在评论区留言你最喜欢的主题，看看哪些小伙伴的审美比较类似。

这三个插件能让你的 vs 扣的好用十倍安排。第一个， bracket pair colorizer， 这个插件呢，可以把小括号中括号，花括号，直接长的括号变成不同的颜色，当你点击对应的括号的时候，他就会用线段连接起来，让代码的层次结构呢一目了然。而且呢，他还支持用户自定义的一些符号，帮你提高工作效率， ok。 第二个，扣的 a 服，帮你解决开发中的命名问题，在 vs 扣子中执行 extensions 啊，搜索扣的 a 服即可完成安装。 使用的时候呢，只需要选中变量名，然后呢右键选择扣的 f， 就可以挑战到网页显示候选的命令了，省得你花时间去琢磨这张代码到底是什么。 nice！ 第三个， markdown 奥音万，这是一种常用的文档数学方式，这款插件呢，可以实现媲美 typoro 的 markdong 的编辑体验，它有丰富的蝴蝶键、 toc 标签、数学公式， 自动完成列表编辑等功能。而且在输出 htm 的同时呢，还可以转 pdf， gtop 等风格的文档。这款插件呢，就像他的名字一样，真正的做到了高音外，我真忍不住要赞美他呀！

ctrl 加 shift 加点显示代码结构并定位到光标位置。 ctrl 加 shift 加左中括号，折叠当前代码。 ctrl 加 shift 加右中括号，展开当前代码。 ctrl 加 k 加数字以指定层级折叠代码。 control 加 k 加 j 展开所有代码。 control 加 shift 加 l 选中所有相同部分可以批量修改。 control 加 g， 输入行数跳转到指定行。

昨天晚上在直播的时候，有人问我这个代码提示的软件是什么？我现在就把这个好用的软件介绍给大家， 那么就是这一款软件，大家可以把这个做一个截图，这款软件，我为什么要使用这款软件而不使用我们的 编辑器当中的代码片段呢？因为这款软件他可以脱离我们的任何的编辑器或者 ide。 比如说我在这块想要输入内容的时候，我只要通过热键，然后通过模糊搜索，我搜索到一部分内容之后一回车，那我们这个代码片段就自动过来了。 那我在使用，比如说，呃，问编辑器的时候啊，我也可以使用这个片段软件，一回车这个代码就自动来了，所以呢他是不受编辑器或者 id 的限制的，它的使用的话呢也特别的简单。我们点开这个软件之后啊，我们可以创建不同的文件夹，然后呢在这文件夹当中的话呢，来放我们的代码片段， 比如说这块我们就可以在这块输入我们的片段的名称，那么这个名称会被我们最终模糊匹配到，会匹配到这个内容，那我们在使用的时候也非常的简单， 我们在这里定一下热键，是吧？我现在定的是 shift come on i， 那这个时候的话呢，我们在使用的时候就特别的容易，我只要按一下 shift come on 的爱，那这块就会得到这个片段，我们就可以通过模糊搜索，比如说我搜索跟 vid 相关的，然后一回车，我们这个代码片段就自动过来了，非常的方便。感谢收看，大家点个赞，谢谢。

快速打开 vsco 的这种操作，因为安装 vsco 的时候他会有一个这个选项，就是你将他添加到这个资源管理器，你如果没有的话，你就需要自己手动的去点，但是有的话你就可以在文件加上点右键之后，直接就能打开 vsco 的，会很方便。