Copy & Paste Engineer

VSCodeで同人誌の技術本執筆環境を作った

VSCodeで同人誌の技術本執筆環境を作った

技術本執筆をしたいと思っていましたが、中々執筆環境をどうしようか悩んでいろいろなツールを試してましたが、VSCodeで執筆環境お整えてみました。

環境構築

VSCode執筆環境用リポジトリを作成しておりますのでこちらを利用するのも良いかも知れません。

VSCodeに以下のプラグインのインストールを行います。

設定

VSCodeの設定ファイルは以下のようにしてすると .md 保存時に自動的に pdf ファイルを自動的に出力してくれるようになります。 細かい設定に方法にツイては各プラグインのページを見てください。

    /*
     * Markdown PDF
     */
    // 改行
    "markdown-pdf.breaks": true,
    // css
    "markdown-pdf.styles": [
        "./css/style.css",
    ],
    // 余白
    "markdown-pdf.margin.top": "2cm",
    "markdown-pdf.margin.bottom": "3.5cm",
    "markdown-pdf.margin.right": "2cm",
    "markdown-pdf.margin.left": "2cm",
    // 保存時自動変換
    "markdown-pdf.convertOnSave": true,
    // 出力フォルダ
    "markdown-pdf.outputDirectory": "./output/",
    // header/footer 表示
    "markdown-pdf.displayHeaderFooter": true,
    // 自動変換除外ファイル
    "markdown-pdf.convertOnSaveExclude": [
        "README.md",
    ],

    /*
     * Markdown Preview Enhanced
     */
     // 改行設定
    "markdown.preview.breaks": true

参考