常见的制作编辑器app 编辑器哪个好用 _哪个

Markdown 这门简洁的标记语言，让我们写文章有了更方便的途径。macOS 上面好用又好看的 Markdown 编辑器百花齐放，但在 Windows 上，好用的 Markdown 编辑器真是少之又少。
在 2015 年，微软开源了 Visual Studio Code 这一轻量级的代码编辑器，从此 VS Code 便突飞猛进，在编程开发领域占下一席之地。事实证明， VS Code 除了方便写代码，还能干更多的事情。今天我就来介绍一下如何利用 VS Code ，在全平台上打造一个完全免费的编写 Markdown 的极佳环境。
下载安装我们可以直接从 Visual Studio Code 的官网上下载 VS Code 的安装包，在 Windows 或 macOS 上面直接安装即可。

文章插图
Visual Studio Code
如果你在 macOS 上使用 Homebrew 包管理器，也可以使用下面的命令直接安装 VS Code：
brew cask install visual-studio-code接下来 Windows 和 macOS 的操作方法一致，下面我以 Windows 为例进行介绍。
开箱即用利用 VS Code 编写 Markdown 的最大方便之处就是它能做到「开箱即用」。你可以直接打开 VS Code ，快捷键 Ctrl + N 创建一个以 .md 为文件扩展名的 Markdown 文件，就可以开始书写 Markdown 了。
利用 VS Code 撰写 Markdown 文档的最佳实践是指定一个文件夹作为你的 Markdown 工作区，之后将你的 Markdown 文件全部放在这个文件夹下，然后用 VS Code 直接打开这个文件夹即可。
VS Code Markdown 编辑模式
上图是一个典型的 VS Code Markdown 编辑器编辑模式的样子，其中整个编辑器分为三栏：

侧边栏
编辑区域
预览区域

其中侧边栏上半部分显示的是当前工作区文件夹下的文件，包括 Markdown 文件和素材。下半部分可以展开「Outline」视图，即大纲，可以根据当前正在编辑的 Markdown 文件显示其各级标题的大纲目录。

文章插图
编辑模式
预览 Markdown 文档
VS Code 强大之处在于其各种内置功能，统一操作这些功能的面板叫做「Command Palette」，即「命令面板」。我们可以直接通过快捷键 Ctrl + Shift + P 调出命令面板，输入关键词，找到相应的命令并回车来执行。预览 Markdown 文件的命令叫做「Markdown: Open Preview to the Side」，即「在旁边打开 Markdown 预览」，我们可以通过这一方式直接调出侧边的 Markdown 预览面板。

文章插图
打开 Markdown 预览
当然，我们也可以通过每个 Markdown 文件右上角的按钮直接打开侧边预览，或者通过快捷键 Ctrl + K V来调出。

文章插图
按钮调出 Markdown 预览
值得一提的是， VS Code 的 Markdown 预览默认渲染的是当前你正在编辑的文档，不过如果你希望将某个文档的预览渲染锁定不动，可以通过「Markdown: Toggle Preview Locking」调出一个锁定某个文档的预览界面。
默认情况下， VS Code 的 Markdown 源文件和预览界面是同步的，即你无论是在编辑界面还是预览界面滚动，另一个界面都会同步你当前浏览的位置。

文章插图
Markdown 编辑区和预览区同步滚动
高效插件
VS Code 一个强大的地方在于它丰富的插件系统。VS Code 本身在 Visual Studio Marketplace 上面就有成千上万的开源免费的插件，和 Markdown 相关的插件也数不胜数。安装一个 VS Code 的插件非常简单：通常情况下，我们直接点击下图中插件系统的图标，搜索相关插件的名称，点击安装即可。

文章插图
VS Code 插件系统
这里我仅推荐我日常使用的两个插件，因为这两个插件就足以覆盖我们日常使用的绝大多数功能。
Markdown All in One
就如其名字所言：Markdown 大一统插件。这个插件直接集成了大部分我们撰写 Markdown 时所需要的功能，是 Markdown 类插件中下载榜榜首。我们可以在 Visual Studio Marketplace | Markdown All in One 处下载安装这个插件，或者直接在侧边栏插件系统中搜索 Markdown All in One 来安装。