本文已参与「新人创作礼」活动,一起开启掘金创作之路。
超简单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语法的样式。
搜索扩展市场,安装这两个插件,默认配置就能试用了使用介绍:
-
Markdown Preview Enhanced的使用,我们可以右键快捷键,然后开启右侧预览的布局
-
Markdown Shortcuts插件的使用,个人比较懒得记快捷键,直接右键生成,选中你需要包裹样式的文本,选中指定的样式就能生成对应的代码啦举个例子:
完成 试试吧!已经可以预览了哦: