vscode配置书写markdown文章

目前书写博客的知乎，，csdn，博客园等网站，都以支持markdown编辑器；但是在网站上面写博客，不如在编译器里面书写博客来得方便；本文带领大家怎么用vscode书写markdown博客。

1.下载和安装vscode

1.1 下载

vscode官网下载地址

图一.jpg

1.2 安装

下载成功之后，点击安装即可，需要注意的是，安装的时候，下面这两个可选项建议勾上。

图二.jpg

勾了这两个选项后，你就可以在windows的右键菜单里看到一个“Open with Code”的选项，使用这个选项，你可以利用windows的资源管理器来管理你的Markdown文稿目录。举个例子，我所有的公众号文章的源文件都存在“blog”文件夹下，每次我要开始写东西的话，我就在这个文件夹上右键，选择“Open with Code”，所有目录下的文件都会出现在vscode的编辑区内，便于随时切换。

图三.jpg

2 安装插件

2.1 vscode汉化

1. 打开vscode后，左侧竖着的导航栏最底下的图标就是vscode的插件市场，在这里可以找到中文包；
2. 在插件市场的搜索框里搜索“Chinese”,下载如下图所示插件；
3. 快捷键Ctrl+Shift+P调出vscode的命令行输入栏,输入“language”,选择“Configure Display Language”;配置文字为“zh-CN”；
4. 注意 在修改完成之后重启vscode,配置才会生效。

图四.jpg

图五.jpg

图六.jpg

图七.jpg

2.2 markdown插件

vscode默认是支持Markdown的，但是我们还是需要一些额外的插件来辅助。如前文安装中文包一般，到vscode的插件市场中，搜索Markdown关键字，安装这几个插件。

图八.jpg

图九.jpg

第一个插件，是一个组合包，一股脑把最常用的Markdown优化都给你装好；第二个插件，则是Github使用的Markdown渲染样式，不是特别华丽，很朴素，很简洁的样式，因为很多人用Markdown都是为了使用Github Pages，所以这个样式特别受欢迎。使用这个样式，在本地就能预览Markdown文件最终在Github Pages中显示的效果。

3 vscode预览markdown

在vscode中新建markdown文档。注意markdown文档后缀名为md。点击如图所示图标，即可在vscode中，预览markdown在Github中显示效果。

图十.jpg