来源:公众号【鱼鹰谈单片机】,ID :emOsprey
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 插件玩游戏
小霸王游戏
如有帮助,欢迎转发更多同行。