Paul's notes
文章目录 关于 简体中文
Paul's notes

目录

幕布迁移至 vscode

   约 1981 字   预计阅读 4 分钟 

此为幕布用户迁移到vscode的个人经验总结

更新时间：211219

前言：
此为幕布用户迁移到vscode做笔记教程

迁移需知

迁移后vscode能提供的功能：

  • 两种颜色标记
  • 展开收缩功能（支持快捷键批量展缩）
  • 插入图片
  • 快捷键自定义
  • 搜索替换
  • 多链（利用全局搜索）

（对，实际上只是利用了markdown插件的颜色高亮和方便编辑）

迁移代价：

  • 所有颜色丢失（必须的）
  • 图片丢失（装好插件后，你也可以把重要的图片一个一个粘贴过来）
  • 内嵌链接丢失（除非是文本链接倒是保留着）

迁移步骤

软件及插件安装工作

  1. 安装vscode, 点击进入官网下载
  2. 在vscode内安装四款插件
    ../images/211215020557.png

幕布文件的迁移方法

  • 在幕布内CTRL+A（重复N次直到你的整篇笔记全部被选取）
  • 用vscode打开文件夹，新建文件（文件名后缀必须是.md），把刚才复制的幕布笔记粘贴过来
  • 全选，右键转换成bullet points（这是md文件的无序列表，中文版vscode可能显示的是无序列表吧），从此收缩功能get，鼠标移到左边就可收缩展开（而批量多级收缩展开要利用快捷键，后面有最常用的几个展缩快捷键，这个得自己花时间研究摸透）
  • 利用搜索替换功能去掉空格，分好层级

思路：（ctrl+h 替换，利用正则表达式）(整个md文档右键设置无序列表bullet points，我已经配置了无序列表符号是-，如果你默认是星号*就在正则里把-换成星号*，配置在教程后面)
（注意，查找处 alt + r 使用正则表达式）

  • 用正则，把所有一级主题弄成一级标题(查找填^-，替换的内容为#)
  • 用正则删除所有顶格的四个空格(查找填^ssss，s表示空格，我这打不出来空格；替换的内容为空 )
  • 用正则，把所有一级主题弄成二级标题(查找填^-，替换的内容为##)
  • 用正则删除所有顶格的四个空格(查找填^ssss，s表示空格，我这打不出来空格；替换的内容为空 )
  • 用正则，把所有一级主题弄成三级标题(查找填^-，替换的内容为###)
  • 用正则删除所有顶格的四个空格(查找填^ssss，s表示空格，我这打不出来空格；替换的内容为空 )
  • 最多套娃到七级标题，层级太多自求多福

幕布粘贴过来，一个缩进就是四个空格，用这种方法套娃把幕布的结构替换成markdown的层级结构

利用vscode做笔记建议

  1. 文件夹不超过两级（我插图图片设置的是../images，你要三级的话就图片链接要自行改成../../images）
  2. 文档内最多使用三级标题

展开收缩功能

只要bullet points顶格就一定能实现展缩功能（注意检查你是否顶格了，效果可以继承）
快捷键的使用有点迷惑，不太容易理解 总结出了能用的展开收缩快捷键：
（注：C表示CTRL，S代表SHIFT）

  • fold lever: CkCn(n替换成1~7)只有折叠，没有展开
    (这是折叠，别把它当展开用了，折叠一级到七级主题)
  • fold all: CkC0
  • unfold all: CkCj
  • unfold Recursively CkC]

举例：

  • 移到文件顶端空行，ctrl+ home（每个文件第一行得留一行空行，用来展缩操作）
  • ctrl+k 隔半秒后 ctrl+0 （收缩所有）
  • ctrl+k 隔半秒后 ctrl+j （展开所有）
  • ctrl+k 隔半秒后 ctrl+0 （收缩所有）
  • ctrl+k 隔半秒后 ctrl+2 （收缩所有二级主题）

插入图片的配置

配置详细

打开设置
../images/211215014149.png
然后右上角找到这东西，点它会弹出一个settings.json的配置文件
../images/211215014051.png
改成下面这样，大小括号要匹配不然会报错，我贴出来了
../images/211215014612.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

    // 这些是插件 markdownShortcuts的配置
    "markdownShortcuts.icons.bullets": false,
    "markdownShortcuts.icons.strikethrough": false,
    "markdownShortcuts.icons.bold": false,
    "markdownShortcuts.icons.italic": false,
    "markdownShortcuts.bullets.marker": "-", // 这个很关键，无序列表以-开头会比以*开头好一点，因为强调与斜体用的也是*号
    "markdown.extension.list.indentationSize": "inherit", //列表缩进继承自文件，设置了以后就不会出现列表两个空格，文件缩进四个空格的情况
    "git.confirmSync": false,

    // 粘贴图片设置
    "pasteImage.path": "${projectRoot}/images/",
    "pasteImage.defaultName": "YYMMDDHHmmss",
    "pasteImage.basePath": "${projectRoot}/images",
    "pasteImage.prefix": "../images/",

效果展示

实现了如下功能效果：

  • 你复制了图片后，ctrl+alt+v可以在md文件里粘贴图片
  • 图片会以文件的形式自动存在images文件夹里面，且自动以时间（年月日时分秒）命名
  • 所有md文件的图片统一自动存在主文件夹的第一级子目录images里面

../images/211215014755.png

如何给文本上色

选中文本，选中文字右键
../images/211215021654.png
../images/211215021511.png

多链的使用

方法

利用时间戳，要链的地方都粘贴一份，搜索后点击跳转
其实和主流笔记软件的多链速度一样快，
只需要用快捷键ctrl+shift+f搜索你的多链时间戳，
左边搜索栏会弹出结果，
就能定位到你文件夹里面所有笔记里附了此时间戳的内容

效果展示

格式建议：【多链 2112150157 】
时间戳前后留空格的话，方便双击直接选中
格式只是为了自己看笔记的时候好辨认

插件介绍

markdown all in one

实现了一些比较方便的markdown功能 官网介绍点此

markdown shortcuts

ctrl+k ctrl+s 进入vscode的快捷键设置以后，搜索markdown
贴出我的设置
../images/211215013402.png
实际上常用的就一个 ctrl + m, ctrl + b，这个叫bullet points的东西可以无限嵌套，搞成幕布那样的收缩形状，收缩功能也可用

paste image

粘贴图片功能前面讲了 图片以文件链接的形式插入到md文件里面，可以预览自己写的md笔记 并自动命名保存在本地 （是了，幕布大纲式层级笔记已经被我整成markdown笔记了）

更新于 2021-12-19
返回 | 主页