制作漂亮的代码片段工具

2022/03/20 工具

分享几款日常分享代码贴图的工具。

先说结论,这几款工具大同小异,不过我个人比较喜欢 codeimg.io,因为它可以比较轻松的自定义标题。主题的话就选用material即可。

1 codeimg.io

操作界面友好,可以自定义标题,不过只能支持文件导出

image-20220320200202794

2 carbon

界面长这样,当然也有chrome插件,导出和复制比较方便

image-20220320195947652

3 CodeSnap(vscode 插件)

直接在vscode插件中心搜索即可,优点是比较方便,复制比较容易,不过自定义标题不太友好。

image-20220320200314310

贴一下我的setting.json配置

{
        //codesnap代码截图配置
        "codesnap.backgroundColor":"#f2f2f2", //截图代码容器边缘颜色
        "codesnap.boxShadow": "5px 5px 60px 0px #888888", //阴影设置
        "codesnap.containerPadding":"1em",
        "codesnap.roundedCorners":false,
        "codesnap.showWindowControls":true,
        "codesnap.showWindowTitle":true,
        "codesnap.showLineNumbers":false,
        "codesnap.realLineNumbers":false,
        "codesnap.transparentBackground":false,
        "codesnap.target":"container"
}

使用方法:直接选中代码,鼠标右键选择”codesnap”即可。


Search

    公众号:豆仔gogo

    豆仔gogo

    Post Directory