什么,VSCode 竟然是代码编辑器?

VSCode 被部分网友称为宇宙第一神器,最近鱼鹰也算是感受到它的强大,主要是丰富的插件解决了众多的开发痛点,而代码编辑反而变成了其中最微不足道的一个功能。本期鱼鹰介绍一下常用的插件,帮助大家更有效率的搬砖,成为最亮的那个崽。

  1、git增强

这段代码谁写的?什么时候写的?commit id 是多少?这个文件的修改记录有哪些?如何比较两个提交的修改?

虽然 git 命令行都可以解决,但远不如 VSCode 展示的那么直观,并且效率大大提高了。

虽然 VSCode  天生支持 git 相关功能,只是还需要插件增强:gitlens。

自带文件对比功能,各种文件处于何种状态一清二楚(Changes Staged Changes)

轻松查看提交记录,并且可以随时打开查看提交里面的文件修改情况。

只要光标放在某段代码上,就能轻松查看某段代码谁提交的(这里可以看到是鱼鹰四个月前提交的)

轻松查看某个文件所有历史提交记录

2、流程图

很多公司要求画流程图,很多时候,我们需要安装特定软件才能开始画,这很麻烦,而且你要看别人的流程图时,如果没有装软件,也没法看,很耽误时间,这不,有个插件方便的解决了这个问题,非常便捷。

只要是 .drawio  后缀的文件,自动打开编辑界面。

随时编辑,同时可以将其保留在代码仓库,随时跟着代码更新而更新。并且可以导出图片 png 格式,电脑和 vscode 都能打开:

3、Markdown

上面很多,功能不一样。可以都试试效果。这里鱼鹰安装的是这个:

这样你 clone 别人代码后,可以非常直观的查看效果:打开预览:

同时在 markdown 文件中画图:

```mermaid
graph TD    
配置 -->|user config| top[bsp_cfg.h]    bsp_module[bsp_pin/app_cfg.h] 
        -->|include| bsp[app_cfg.h]    bsp[bsp/app_cfg.h] 
        -->|include| top[bsp_cfg.h]
```

上面这段代码放到md文件中就可以看到效果了。

4、远程开发

具体看这篇 vi 命令记不住?VSCode 远程开发帮你忙 非常推荐的现代化开发方式。在本地开发就和本地一样,即使是虚拟机也可以使用,再也不用来回切换虚拟机和 windows 了

5、docker 容器开发

为什么要使用 docker,对于Linux开发方式来说,docker是所有开发者的福音,环境安装流程可以固化,再也不担心镜像和软件之间的兼容问题了。

年少不知docker好

docker通用安装使用指南-Ubuntu-树莓派5后面还会更新更多 docker 在 stm32 开发的方法,欢迎关注鱼鹰。

6、STM32 开发

vscode 怎么调试 stm32 代码?这个插件可以帮助你进行源码级别调试,虽然不如 MDK ,但也是不错的替代选择。

7、PDF 文件查看

这个插件可以在 vscode 直接查看 pdf 文件,不用另外安装软件了

8、C语言/ Python 

自动分析 C 语言语法,可以进行代码跳转(按住 ctrl ,然后点击需要跳转的代码处即可)。python开发语法提示

9、网页开发 live server

编辑的网页如何快速查看效果?试试上面这个插件。安装完之后,可能需要修改一下,使其自动打开谷歌浏览器:

网页文件右击,通过该插件打开即可,之后会在谷歌浏览器自动打开该网页呈现效果。

效果:

10、娱乐

网易云插件听音乐

4399 插件玩游戏

小霸王游戏

声明:本内容为作者独立观点,不代表电子星球立场。未经允许不得转载。授权事宜与稿件投诉,请联系:editor@netbroad.com
觉得内容不错的朋友,别忘了一键三连哦!
赞 3
收藏 4
关注 160
成为作者 赚取收益
全部留言
0/200
成为第一个和作者交流的人吧