把vscode打形成技术写做神器

做为技术开发,你们平时确定须要记录技术笔记。甚至有的同窗还开通可本身的技术博客或者技术公众号进行创做。git

这个时候有套趁手的写做工具尤其重要,节省下时间好好休息一下,对于我们程序员来讲更加剧要。由于最近在本身学习golang,为了找个顺手的IDE尝试了一下VScode,用后总结两个字:“真香”。集编码、写做、划水 于一身。程序员

话很少说,咱们今天先说说写做这部分。github

文字内容

文字写做推荐你们使用markdown。你们的经历应该主要放在文字内容上,能够节省你们的排版时间。虽然marakdown的语法很是简单,可是一款趁手的markdown编辑器也很是重要。由于今天的主角的VScode,因此你们能够直接在安装VScode中安装一下markdown插件便可,好比:golang

  • Markdown All in Onemarkdown

  • markdownlint架构

如今大部分博客平台都支持markdown,能够直接讲咱们写的内容复制过去,惋惜的是公众号如今还不支持。因此要借助Md2all在线渲染网站,能够一键复制到公众号,而且还能够美化一些样式,比较简约美观一些。还能够选择不一样主题或者本身改一些CSS样式,像下面这样:app

图片内容

技术写做常常会画一些流程图,架构图。尤为图解会然让复杂的问题更加直观,更容易理解。因此有个方便的画图软件很重要。原来一直用processon在线画图,可是由于我的免费用户有文件个数限制,因此不太友好(仍是由于穷,哈哈哈)。最近一直用draw.io,而且支持将文件自动存储到github,用起来很方便。尤为如今VScode还有对应的插件,写字、画图都在一个编辑器里,沉浸感更强了,防止思路再来回切软件时被打断。下面时再VScode里建立一个drawio文件:编辑器

画完图导出为图片,而后借助PicGo插件+github+jsDelivr(不了解的同窗能够搜索一下,网上不少详细文档),自动上传图片到github图床并自动插入到markdown文件中。VScode也有PicGo对应的插件,因此这些操做也全再VScode中完成,很方便。工具

代码

Talk is cheap. Show me the code.学习

对于文章中的代码,有人习惯用markdown自己的代码片断,也有人习惯放代码截图。可是截图很难截的统一大小,致使不太美观。这里推荐用插件Polacode-2020。

能够把代码保存为统一大小的图片,而后使用图片部分的插件,自动将代码图片插入到文章中。

最后咱们再把上面提到的插件汇总一下,但愿对你的写做有所帮助:

  • Markdown All in One
  • markdownlint
  • Draw.io intergration
  • PicGo
  • Polacode-2020

你们若是喜欢,记得关注哦。

相关文章
相关标签/搜索