三部曲之Markdown的工具使用

788 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

超简单VSCode+mpe插件实现Markdown功能

前言:为什么我要使用VSCode来写Markdown

我相信如果说搜索引擎搜索,写Markdown的工具,我相信大多数都是推荐使用Typora这个软件来实现,虽然收费了,网上也有很多破解版,试用版之类的。但是初步试用体验下来VSCode真的超简单和方便的。

1.下载安装VSCode

作为一个Android开发者我真没用过VSCode,只限制与以前听说过,用来写前端H5是一把好手,我之前写前端都用WebStrom(为什么我用WebStorm? dddd)。

废话不多说官网下载地址,下载的是exe文件,直接点击安装,全部默认配置下一步就安装完成

2.安装插件

众所周知VSCode之所以流行,是因为丰富的插件拓展,打开VSCode的页面 左侧如图标记的扩展图标,打开扩展商店,默认显示已经安装的扩展插件

2.1 语言包插件

推荐大家先安装一个中文语言包 输入chinese,安装简体中文,启动这个插件,重启VSCode就安装完成。

2.2 样式插件

*由于默认的VSCode是黑色背景,而我们用来主要创作文本相关的工作,使用白色+灰色的背景比较舒适,创作Markdown更有感觉哦,推荐大家使用一个插件Theme个人觉得比较好看的样式 github light theme 安装完成之后记得要Set Color Theme 可以选择白色或者白灰风格的哦。

2.3 安装MD插件

重点来啦,安装Markdown插件,网上推荐的有很多md插件,亲自试用之后,作为一个新手我推荐两个不错的插件 Markdown Preview Enhanced 这个插件主要是用于预览Markdown的。 Markdown Shortcuts 这个插件主要是用于快捷生成对应的md语法的样式。

搜索扩展市场,安装这两个插件,默认配置就能试用了使用介绍:

  1. Markdown Preview Enhanced的使用,我们可以右键快捷键,然后开启右侧预览的布局

  2. Markdown Shortcuts插件的使用,个人比较懒得记快捷键,直接右键生成,选中你需要包裹样式的文本,选中指定的样式就能生成对应的代码啦举个例子:

完成 试试吧!已经可以预览了哦:

三部曲往期回顾

Markdown的工具
Markdown如何使用图片
Markdown如何使用表情