vscode插件推荐之Mardown插件推荐

markdown简介

1. markdown preview enhanced

vscode插件上搜索 Markdown Preview Enhanced

🧡作用: 用于markdown文件预览<br/>
🧡特性: 包含导入自定义css到vscode为markdown预览<br/>

准备css: 下载<br/>
目的: 使用自定义css替换默认 github-light.css文件中的css样式

⚠️可以复制上面下载链接的css代码,粘贴替换到原来的 github-light.css<br/>
🧡自定义css使用步骤:<br/>
1、安装vscode(visual studio code)<br/>
2、安装插件 Markdown Preview Enhanced<br/>
3、打开github-light.css文件所在的vscode插件目录

■VS Code插件安装在如下路径: C:\用户\用户名\.vscode\extensions\<br/>■github-light.css放置目录: C:\用户\用户名\.vscode\extensions\shd101wyy.markdown-preview-enhanced-0.3.13\node_modules\@shd101wyy\mume\styles\preview_theme<br/>⚠️进入github-light.css文件,替换自定义css代码

4、修改配置文件

  • Ctrl+Shift+P打开控制命令行
  • 输入 settings
  • 选择 Open Settings(JSON)进入配置文件
  • 输入 "markdown-preview-enhanced.previewTheme": "github-light.css"
    ⚠️记得 json格式需要用 ,分隔,所以在输入之后需要添加 ,

如何选择主题theme呢?<br/>
1)进入vscode<br/>
2)依次左下角⚙️➡输入theme➡找到 extensions ➡Mardown Preview Enhanced➡Preview Theme设置<br/>在此可选择markdown预览主题

image.png

相关推荐:

1、使用VS Code插件打造完美的MarkDown编辑器(插件安装、插件配置、markdown语法)<br/>
2、解决VS Code下Markdown Preview Enhanced不能使用自定义css的问题


2. Mardown PDF

功能: 可以打印markdown为PDF格式<br/>
扩展ID : yzane.markdown-pdf

3. markdown TOC

功能: 可生成目录,自动为标题编号<br/>
插件ID: alanwalk.markdown-toc <br/>
配合:VSCode之Markdown自动生成目录#TOC#解决目录不整齐问题

better and better, day by day.

12 声望
0 粉丝
0 条评论
推荐阅读
Invalid Path in liveServer settings root settings Live
在vscode编写网页,使用插件 Live Server,在网页文件中,鼠标右键选择【Open with Live Server】,弹出提示框,并未跳转到浏览器页面。图1-鼠标右键选项界面

nathannie阅读 1.1k

VSCode 格式化哲学
当我们说「团队需要统一的代码样式」,大家都没有什么反对意见;但当问题变为「统一成什么样式?」时,大家的声音就嘈杂了起来。人们对于特定的编码方式很抵触,没有人喜欢花时间这样写代码,没人愿意接受别人的...

Cheri2阅读 629

VS Code For Web 深入浅出 -- Server 模块设计篇
在了解了 VS Code 的通信机制后,我们可以着手分析 VS Code Server 中各模块的实现以及设计思路了。&lt;!-- more --&gt;VSCode Server 模块设计通过之前的介绍我们可以了解到,VS Code 的能力是前后端分离的,这...

Duang1阅读 1.6k

VSCode For Web 深入浅出 -- 依赖注入设计
在阅读 VSCode 代码的过程中,我们会发现每一个模块中都有大量装饰器的使用,用来装饰模块以及其中依赖的模块变量。这样做的目的是什么呢?在这一篇中我们来详细分析一下。

Duang2阅读 1.7k

vscode & git:如何快速找回误删的文件
今天一时手误,在 vscode 的远程服务器中,工程下所有未提交的文件,在切换分支的时候,执行了 discard all changes,所有文件在 vscode、Finder、Trash 中都没有找到。

松宝写代码阅读 1.3k

封面图
TypeScript 4.9 发布!
TypeScript 是一种通过添加类型和类型检查构建在 JavaScript 之上的语言。类型可以描述诸如对象的形状、如何调用函数以及属性是否可以为 null 或 undefined 之类的东西。TypeScript 可以检查这些类型,以确保我们...

微软技术栈阅读 1.1k

封面图
「SIG月报」10月openKylin社区SIG组最新进展分享!
为推动社区繁荣发展,打造开源操作系统创新生态,openKylin社区根据领域划分了不同的SIG组,并积极开展各种技术研究和创新。其中,10月份社区新增SIG小组5个,共有52个SIG组在运行,接下来,让我们一起盘点10月份...

openKylin阅读 874

封面图

better and better, day by day.

12 声望
0 粉丝
宣传栏