美文网首页
Visual Studio Code集成Markdown插件

Visual Studio Code集成Markdown插件

作者: 蛊惑佬 | 来源:发表于2017-08-10 14:28 被阅读3332次

    上次推荐了使用Sublime Text3集成Markdown插件进行markdown文档的编辑。
    这次我发现了一个更好用的东西,就是Visual Studio Code!!!

    1. 下载Visual Studio Code

    https://code.visualstudio.com

    2. 打开软件安装Markdown插件

    安装以下插件

    2A15AF16-2BE7-4F7F-82CF-E243AE1C317F.png BAE378E2-A317-45F1-AF4E-1D2DC07C76E7.png

    3. 在Markdown文档中粘贴截图

    Paste Image是一个截图粘贴的插件。用截图软件截图后,cmd+alt+v粘贴到markdown文档上。

    他还可以配置自己的截图存储路径,如下我的.vscode/setting.json配置:

    
    // 将设置放入此文件中以覆盖默认值和用户设置。
    {
        /***** markdown截图保存路径 *****/
    
        //截图保存的文件夹路径
        "pasteImage.path": "${projectRoot}/screenshot",
        //截图显示的�相对路径URL
        "pasteImage.basePath": "${currentFileDir}",
        //分隔符标准
        "pasteImage.forceUnixStyleSeparator": true
        
    }
    
    

    这样每次我粘贴截图就会生成以下相对路径。在本地查看或显示的git源查看markdown文档都能正常显示图片。

    EA49FE5D-CED3-4C74-8032-2670CC735B45.png

    相关文章

      网友评论

          本文标题:Visual Studio Code集成Markdown插件

          本文链接:https://www.haomeiwen.com/subject/eajhrxtx.html