• 技术文章 >web前端 >js教程

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

    一个新手一个新手2017-10-14 09:54:53原创5863

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

    使用快捷键Ctrl+k然后按V健,或者点击右上角的打开侧边栏预览(在预览中滚动编辑区会跟随滚动)
    这里写图片描述
    可以看到如下图:
    这里写图片描述
    也可以直接用快捷键Ctrl+shift+v直接预览:
    这里写图片描述
    双击可以返回编辑视图
    当然还是直接用侧边栏预览更方便些


    二、修改VSCode中markdown预览样式

    1.设置
    使用快捷键Ctrl+, (逗号),或点击 文件>首选项>设置,或点击左下角设置图标
    2.在设置中找到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和修改预览样式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:markdown VSCode 修改
    上一篇:AngularJS 文件上传控件 ng-file-upload的用法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 分享一道不错的TS面试题(含3层),看看能答到第几层!• Node学习之如何最小化堆分配和防止内存泄漏• 一文带你深入了解Node.js(图文详解)• 聊聊Node.js中怎么用async函数• 聊聊Node项目中怎么操作MySQL
    1/1

    PHP中文网