首页 / VSCODE / VSCode中预览markdown和修改预览样式

VSCode中预览markdown和修改预览样式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了VSCode中预览markdown和修改预览样式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含912字，纯文字阅读大概需要2分钟。

内容图文

    • 一VSCode可以直接编辑markdown并且预览

    • 二修改VSCode中markdown预览样式

    • 三我不管我直接下载插件

    • 四结束

一、VSCode可以直接编辑markdown并且预览

使用快捷键Ctrl+k然后按V健，或者点击右上角的打开侧边栏预览（在预览中滚动编辑区会跟随滚动）
VSCode中预览markdown和修改预览样式 - 文章图片
可以看到如下图：
VSCode中预览markdown和修改预览样式 - 文章图片
也可以直接用快捷键Ctrl+shift+v直接预览：
VSCode中预览markdown和修改预览样式 - 文章图片
双击可以返回编辑视图
当然还是直接用侧边栏预览更方便些

二、修改VSCode中markdown预览样式

1.设置
使用快捷键Ctrl+, (逗号)，或点击 文件>首选项>设置，或点击左下角设置图标
2.在设置中找到markdown
VSCode中预览markdown和修改预览样式 - 文章图片
点击编辑
3.在网上找个markdown的CSS样式（也可以自己写）
4.在配置里添加如下代码

//根据你自己的具体位置自己安排"markdown.styles": [          
"file:///D:/Program Files/Microsoft VS Code/resources/app/extensions/markdown/media/Style.css"
  ]

三、我不管，我直接下载插件

1.搜索插件Markdown Preview Enhanced，然后安装
2.重新加载
3.在编辑区右键点击菜单，如下面的选项
VSCode中预览markdown和修改预览样式 - 文章图片

四、结束

以上就是VSCode中预览markdown和修改预览样式的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的VSCode中预览markdown和修改预览样式全部内容，希望文章能够帮你解决VSCode中预览markdown和修改预览样式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/297896.html

来源：【匿名】