hi, 今天想带大家来熟悉一下 vs code, vs code 呢,它的全称是 visual studio code, 那 我们为什么要来安装它呢?归纳了以下三点。 第一个呢是插件生态,我们可以把它想象一下,就是说我们在浏览器当中是安装各类插件嘛,那这个插件呢,它会辅助我们做许多不一样的事情, 比如说什么自动化呀,或者是自动去翻译呀等等的。那第二个呢,它是轻量的 ide, 相比较于一些大型的那种 ide 呢,它的启动速度是很快的,而且占内存也相对较少,所以对这个电脑的要求也没有很高。 第三个呢,也是大家都比较看重的一点呢,就是他是开源企业,免费的,属于微软旗下的,他的更新频率啊,以及社区的活跃度也都非常高,所以总结来讲呢,他就是又简单 好用,也没有限制,而且功能也比较多。而且呢它在安装后呢,不管你是 mac 系统啊,或者是 windows 系统,或者是其他的系统当中呢,它的使用效率啊,它基本上是一样的。那接下来呢,就跟我一起来操作一下吧。 我们来到 google 当中呢,去搜索 vs code, 它是非常简单的下载,我们直接找到这个官网, 然后 download, 下载完成后呢,我们打开同样的,我们把它放到应用程序当中,之后呢,我们去 搜索一下, ok, 我 们找到了,欢迎我们进来。那我们先来熟悉一下哈,包括它的登录和注册呢,也都非常简单,在这里面啊,我是用的 github 登录的。 那第一个呢,我们看到这个是资源管理器,这里面呢,我们可以去打开文件夹或者是克隆仓库,这个时候呢, 比如说我新建一个,这个时候就直接在我们的电脑当中就去创建文件了。还有打开,比如说我想要打开某一个项目,比如我的桌面上我们打开一个这个 html, 你看他直接就可以把这个代码就显现出来,我们就可以在这上面去操作,在这里呢我们就可以看得到 上传了,这个非常简单,而且呢我们用这个 vs code 呢,之后我还可以带大家一起去看一下怎么去上传到 github。 第二个呢就是搜索,搜索这里面呢会有一些以往的文件,你想要去搜索的时候都可以找得到, 这一个呢就是改变源代码,还有一个呢这个就是运行和调试,这里面就比如说你有一个终端命令啊,嗯,我们就可以在这里面去调试。那最后一个呢,这个就是扩展,那这个扩展呢就是我刚刚所讲到的他这一个插件生态。 我们这里面呢我是已经安装了一个 mcp, 这个 mcp 呢一会我可以给大家演示一下, 你看这里面就会有许多什么中文啊,简体还有 python 语言呀等等的,它这里面都是有的。还有一个点呢就是在这里我们点这个右上角,这里 我们可以看得到呢,它是可以去选这个 agent, 在 这里面呢我们可以用这个 cloud 和 gbt 五,一般呢我们会用 gbt 五 mini 就 可以了。 还有一个下侧呢,这个是一个终端,在这里呢我们直接就可以打开终端 gemini, 我 们就直接打开了我之前安装的 gemini scode 呢,它就相当于是一个极大成者, 所以我非常推荐大家都去自己下载一下,去探索一下。这个呢就是刚刚的那个左侧栏, 包括我们把这个栏引掉之后呢,我们看到这里面呢还有很多,比如它这个笔记入门, python 开发入门,我们都可以在这里面去学习。 那之后呢我还会给大家分享一期,就是如何用这个 vs code 和 git 同步上传,也是非常的简单的。今天的分享就先到这里,我们下期再见,拜拜。
粉丝289获赞2639

vs code 非常实用的插件推荐,看看还有哪些插件你还不知道? live server 安装后,点击最下面的 golife, 一键启动本地服务器,启动后修改代码页面能够实时更新。 open in browser, 一键打开浏览器,可以右键直接点击它,也可以使用快捷键。 alt 加 b partial diff 提供部分文本内容的比较, 先选中要比较的部分,点击右键后选择 select text for compare, 再选中另一个要比较的部分,点击右键后选择 compare text with previous selection, 就可以看到比较的结果了。 code runner 可以一键运行 c, c 加加 java, j, s, p, h, p, python 等等编程语言。 打开代码后,直接点击右上角的运行按钮就可以运行代码。 teddy tree 用来标记代办事项,在代码中添加后,在侧边栏就能看到所有的代办事项, 点击能定位到代码中相应位置,十分实用方便。 polo code 可以快速生成漂亮的代码截图,选中代码 control 加 c, 再 control 加 v, 就能生成截图。


vascot 超详细安装教程如果说编程工具也有天花板,那 vascot 一定是无数开发者心中的首选。今天我们一起来学习。 从官网快速落地 vascot 地址,我打在屏幕上,一进来我们便能看到开源的 ai 代码编辑器。点击下载这里选择是配自己系统以及需求的版本,不管你用 windows, mac 还是 linux, windows 的 操作逻辑插件配置完全一致。下载好后,打开文件,点击运行就可以进行安装了。选择同意协议,点击下一步,选择安装程序执行的附件任务,创建桌面快捷方式,并且添加系统路径, 然后点击下一步,点击安装,然后就是静静等待安装了。作为微软亲儿子, windows 全程免费,无广告,无功能阉割,开源社区持续维护更新,不用担心 付费解锁高级功能的套路。简单说,只要你敲代码, vscoord 就 值得成为你的标配。下载完成后,来到桌面打开 vscoord 就 能进入主界面了。到这里下载 vscoord 教程就讲解结束了。还有什么不太清楚的评论区提问秒回答!

我们代码每次做了修改,你这个浏览器还需要重新刷新一次,比较麻烦。那有没有一种简单的方法当我这个 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 这个插件。

前端必备 visco 的插件一扩卡这是一个调试工具,插件能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。 二、 called runner 它可以让你在 vs god 中直接运行代码,支持多种编程语言,包括 python, java, c 加加, javascript 等等。三、 c s s p 这是一个支持 h, t, m, l 和 g s 文件的扩展。它能帮助开发者快速找到和查看选定类或 id 所用的样式。 四、 pretier 这是一款代码格式化工具,用于检测代码中的格式问题。统一项目的编码风格 nice。

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

最近有人问到一些 disco 插件,那我就给大家推荐几款吧。 lit server 是前端开发入门必备的一个插件,点击鼠标右键即可跳转浏览器进行查看。 由于 misco 的本身不支持嵌套注射,我们可以通过 h t m l comment 插件来实现。快捷键 c t r l 加 shift 加即可嵌套注视。 image creed look, 它可以实现在项目查看本地图片文件,支持 svg 格式输入,移入图片链接可查看大图, 并且在 gs 和 css 中同样有效。 powermode, 它可以生成多种打字特效,我目前打字带火的特效就是使用了这个插件。插件下载完成后需要自行配置,它还可以实现这样的效果, 大家可以去某度上复制相关的配置代码 auto rename text, 不管修改开始或闭合标签, 该插件都可以自动同步修改,支持同步 h t m l 和 x m l 标签。想要使用国内版本的 check g p t 搜索 check g p t 安装,然后点击活动栏 g p t 图标即可开启聊天功能。无需登录和使用魔法工具。 view helper 可以给 view 代码进行代码提示。按下 c t r l 键,点击即可跳转查看该组件原代码。点击即可跳转查看该组件原代码。 鼠标一入组建代码快,会有一些对应属性和参数提示,在使用 fm 组建时,他也可以自动生成组建视力代码。

哈喽,大家好,我是小马,一名全能工程师。我最常用的代码编辑器就是 vs code。 vs code 是 microsoft 开发的跨平台原代码编辑器,他轻量强大,支持多种编程语言,成为了越来越多开发者的首选编辑器。 它之所以流行,一方面是由于它的开源特点,另一方面它拥有强大的插件系统,任何开发者都可以开发插件集成到 vs code 中。今天我们就来聊一聊几款强大的插件,它能够让你的工作变得事半功倍。第一款最好用的插件莫过于 get lens, 使用 get lens, 我们可以看到每行代码的提交作者是谁以及提交信息。 鼠标移动到右上角,我们还可以直接切换到上一版本的代码。通过右上角的按钮,我们还可以查看当前文件的所有 提交历史。按 e s c 键可以直接退出。在左侧列表,我们可以查看当前的提交历史,分支信息以及暂存信息 tag 等。 通过提交历史,可以直接右键回推这次提交创建分支创建 tag 切换到这次提交的。另外,他还提供了教护士的 get rebess 操作界面,让 rebes 代码变得更加简便。 第二款, es lint, 无论你写的是 g s 还是 t s, 它都会帮你找到问题并修复。安装完成后,它会读取项目根部录下的 e s lint r c 文件。打开一个 g s 文件,你会发现 e s lint 已经在帮你实时的检查代码了。发现错误时, v s 或者会在该行代码下高量提示。鼠标移动到上面可以显示错误详情。第三款, pretear, 你是否在为团队成员之间的代码风格不同而苦恼,那么你可以使用这款插件 pretear, 它可以自动帮你把代码格式化为同一风格,按 ctrl 加 s 保存蛋白的时候就会自动格式化了。第四款, corona 你是否在为配置不同的语言运行环境而苦恼?你只需要安装这款插件, corona 就可以支持 c c 加加、 java、 j, s, p, g p, person 等五十家程序的直接运行。 第五款, material iconcine material 点赞设计的图标让你的代码、仓库、文件和文件夹一目了然。第六款, love server 在外部开发中,常常需要本地起一个 server 才能够晕染效, 那么安装这款插件就可以帮你省去 sever 启动的过程。只需要右键 open vs love sever 就可以帮你快速启动服务,并且拥有快速启动、自动刷新、多浏览器启动的特点。 第七款, markdown preview enhanced markdown 写作增强插件,它能让你的写作能够事实预览,支持数学公式、 t o c 流程图等。 还可以使用 macdon 写幻灯片,只要使用 h 天猫注视 slide 分开即可。 第八款,刀客刀客是一个开源的容器平台,可以帮助我们在开发、测试和生产环境中快速部署应用。 vs 客的刀客扩展能够简化刀客的使用,帮助开发人员方便的管理容器和镜像,提高开发效率。安装完成后,针对刀客饭可以直接 右键 build image, 你可以在 vs code 侧边栏看到刀块的资源如容器镜像。还可以执行一些常用操作,如启动停止、删除容器以及构建导出镜像等。 第九款, code gpt 不知道这段代码什么意思?我们可以使用 ar 来帮我们解释代码, codegpt 就可以帮我们在这段代码前面生成代码注视,但是目前在国内访问还不是很稳定。 当然除了以上这些好用的插件外,还有很多,比如 right 开发者 b 装 right cold sleeping view 开发者 b 装 view language of futures 阅读源码 b 装 comment translate 使用 talent size b 装 talent sizes intelligence 那么你在开发中还用过哪些好用的插件呢?欢迎在评论 留言。好了,以上就是本期视频的全部内容,感谢各位的观看,我们下期再见!