保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)

1 绪论

由于学习或工作的需求,很多人都在寻找一款免费、轻量、功能够用的笔记软件。关于记笔记的软件我尝试过很多,其中包括:

  • Word,功能特别强大,但内容较多时启动比较慢,而且排版很烦
  • LaTeX,功能特别强大,但是写起来很复杂,插入图片比较麻烦
  • Typora,收费,界面简洁得让人难受
  • MarkdownPad 2,其实用起来很舒服,但插入图片比较麻烦,不能直接截图粘贴,如果很少插入图片的话推荐用这个
  • 印象笔记,带云存储,可以多端协同,但是云存储容量似乎不多,出于对容量不够和内容丢失的强烈焦虑我不使用这个
  • 有道云笔记,也是带云存储,容量比较多,每天签到还可以领一些容量,出于对容量不够和内容丢失的强烈焦虑我不使用这个
  • VScode + Markdown,颜值超高,快捷键超多,功能超全,写起来超方便,插件超多,可转PDF等其他格式,超爽,赞爆!

接下来我将介绍使用VScode写Markdown的一些经验,希望对你有所帮助。

2 安装

首先安装VScode,安装包大概80M。VScode是一款文本编辑器,但是插件众多,使之可以编写调试各种语言的代码,非常好用。你甚至可以用它写LaTeX,教程在这里,我的论文就是用它写的。

然后安装Markdown插件,Markdown Preview Enhanced,安装大概几秒钟。

为了支持从剪切板插入截图,还需要这个插件,Paste Image from local pc,安装大概几秒钟。

3 使用

好了,到此为止已经可以用VScode写Markdown了。这里是Markdown插件的用户手册,包括标题、加粗、链接、引用、本地或网络图片、代码、表格、公式等的写法。直接新建一个.md文件试试吧!

如果需要实时预览,点击右上角的这个符号:
在这里插入图片描述

在预览框里右键可以生成PDF,PNG,mobi等格式。

另外,如果需要插入剪切板中的截图,可以使用快捷键Ctrl + Alt + V注意:如果Paste Image from local pc的快捷键不能用,看是不是其他软件占用了!比如有道词典!

4 一些技巧

剪切板图片管理

剪切板里的图片默认会在当前目录下生成一个PNG文件,似乎看起来有点乱。因此,可以让他在一个子目录下或者一个固定位置生成。设置方法是:

  1. 首先找到他的设置选项
    保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第1张图片

  2. 在下图红框里填./pics,将会自动生成一个子文件夹pics然后将图片默认粘贴到这里。当然文件夹的名字可以随便写,也可以写一个绝对路径,让他固定存放在某个地方。
    保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第2张图片

使用代码段的注意事项

需要经常插入代码的朋友注意,行内代码不要用```这种形式```,而要用标准的`这种形式`,否则会导致后面的代码块报类似的错:

。3个撇号仅用于独立于段落的代码块。

快速插入语法高亮和带行号的代码段

经常插入代码段的话,可以在VScode里面自定义一个代码片段,实现快速插入的代码段自动语法高亮和带行号。例如我设置成了输入code,按TAB补全,得到一个带语法高亮和行号的模板:
保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第3张图片

保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第4张图片

方法如下:

  1. 首先
    保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第5张图片

  2. 新建一个
    保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第6张图片

点击这个之后会弹出一个框,输入你想要的名字就行,比如markdown。这里我已经建好了。
3. 在新页面里的花括号内输入:

"Print to line number code": {
            "prefix": "code",
            "body": [
            "```cpp {.line-numbers}",
            "$2",
            "```" ],
            "description": "得到一个带语法高亮和行号的代码块模板"
        }

·
就像这样:
保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第7张图片
·
其中prefix是你的快捷输入词,可以改成你想要的任意词,当输入这个词之后会提示你按TAB补全。body里的cpp可以替换为其他语言,比如python,matlab,java之类的。{.line-numbers}使得这个代码段带行号。
4. 之后在Markdown文件里输入code,按TAB补全后就有带语法高亮和行号的代码块模板了。在preview里面的效果是这个样子:
保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第8张图片

生成表格

直接复制这个然后改写就行:

First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column

mermaid生成流程图、思维导图等

例子:

```mermaid
graph LR
    算数arithmetic类型---整型
    整型---id3["bool, char"]
    算数arithmetic类型---浮点型
    整型---符号整型
    符号整型---forSpaceUse1["signed char, short, int, long, long long(C++11)"]
    整型---无符号整型
    无符号整型---符号整型的无符号版本
    整型---forSpaceUse3["wchar_t, char16_t(C++11), char32_t(C++11)"]
    浮点型---forSpaceUse2[float, double, long double]
```【最后删掉这个括号】

效果:
保姆级教程:如何用VScode写你的第一篇Markdown笔记——这爽滑,堪比女友的黑丝腿(2022年5月)_第9张图片
其实这个语法很简单,首尾3个撇号,第一行加上mermaid,第二行写上graph LR(意思是left-right,从左往右的图,类似可以写graph TD,top-down),后面缩进然后写每个框的内容就行。为了能够在框里面写空格,需要给框命名,例如id3["bool, char"]的id3就是这个框的名字,之后直接写id3就相当于写了这个框。框和框之间用三个短横连接就行,框的上下顺序可以是乱的,只要各个框之间的连接关系正确就可以。其他高级用法比如画箭头,换框的形状,在横线上写字等请自行查阅资料。

你可能感兴趣的:(vscode,编辑器,ide)