🎶

TexのインストールとVSCodeの設定(Win11)

2023/06/20に公開

VS Code

Steps

1 TeX Liveをインストールする

https://texwiki.texjp.org/?TeX Live%2FWindows の指示に従ってインストールします。

2 Visual Studio Codeをインストールする

https://code.visualstudio.com/ からインストーラをダウンロードし、実行してインストールします。

3 VSCodeにLaTeX Workshop(拡張機能)をインストールする

VSCodeを起動し、左側に並ぶアイコンから拡張機能を選択します。

LaTeX Workshopと検索し、一番上のLaTeX Workshop(James Yu) をインストールします。

4 ワークスペースの設定

VSCodeを起動し、作業するディレクトリを開きます。.vscode/settings.jsonが既に存在する場合は開きます。ない場合、左下の歯車マークから設定を開き、ワークスペースを選択して右上の 設定(JSON) を選択します。(ウィンドウを閉じるマークの近く、カーソルを合わせると説明が出ます。)
以下の内容をsettings.json に記述します。

settings.json

{
    "latex-workshop.intellisense.package.enabled": true,
    "latex-workshop.latex.autoClean.run": "onBuilt",
    "latex-workshop.latex.clean.fileTypes": [
        "*.blg",
        "*.idx",
        "*.ind",
        "*.lof",
        "*.lot",
        "*.out",
        "*.toc",
        "*.acn",
        "*.acr",
        "*.alg",
        "*.glg",
        "*.glo",
        "*.gls",
        "*.ist",
        "*.fls",
        "*.log",
        "*.fdb_latexmk",
        "*.snm",
        "*.nav",
        "*.dvi",
        "*.synctex.gz"
    ],

    "latex-workshop.latex.recipes": [
        {
            "name": "latexmk",
            "tools": [
                "latexmk"
            ]
        },
    ],

    "latex-workshop.latex.tools": [
        {
            "name": "latexmk",
            "command": "latexmk",
            "args": [
                "-silent",
                "-outdir=%OUTDIR%",
                "%DOC%"
            ],
        },
    ],
    "latex-workshop.view.pdf.viewer": "tab",
}

次に、ワークスペース直下にlatexmkrcファイル(拡張子なし)を以下の内容で作成します。

latexmkrc

$latex         = 'platex %O -src-specials -shell-escape -interaction=nonstopmode -synctex=1 -kanji=utf8 %S';
$bibtex        = 'pbibtex %O %B -kanji=utf8';
$dvipdf        = 'dvipdfmx %O -o %D %S';
$pdf_mode      = 3;

5 動作確認

適当なhoge.texを作成し、保存すると自動でhoge.pdfが作成されます。また、以下のショートカットを利用可能です。

texファイルの例

Ctrl + Alt + B: ビルド
Ctrl + Alt + V: プレビューを表示
プレビュー上でCtrl + Click: 対応する部分をハイライト

フォロー、Twitterフォローもよろしくお願いいたします。
https://twitter.com/kouki__ito