概要

Atomで使っていたLaTeXをVScodeでも使えるようにしました。
使用環境はupLaTeX+dvipdfmxです。
まだTeXをインストールしていない人はまずそちらを先にしてください。

基本事項

VScodeでLaTeXを扱うには、パッケージ「LaTeX Workshop」をインストールして、command+,で開けるユーザー設定のsetting.jsonにビルドのrecipeを書き加えてそれを使います。
扱いたいLaTeXの種類によってrecipeの書き方は異なります。また、色々とオプションをつけたい場合もsetting.jsonに書き込みます。

ここでは、upLaTeX+dvipdfmx環境がすでに構築されている前提のもと、TeXファイルを更新すると自動で右のpdfも更新されるような状態を作ります。

手順

パッケージ「LaTeX Workshop」をインストール
→https://qiita.com/zr_tex8r/items/a924be192ecea7e6bbe4
command+,で開けるユーザー設定のページにあるマークを押して出てくるsetting.jsonにbuild操作の以下を書き込む。

setting.json

{
"latex-workshop.latex.tools": [{
    "name": "ptex2pdf (uplatex)",
    "command": "ptex2pdf",
    "args": [
      "-interaction=nonstopmode",
      "-l",
      "-u",
      "-ot",
      "-kanji=utf8 -synctex=1",
      "%DOC%"
    ]
  },
],
"latex-workshop.latex.recipes": [
  {
    "name": "ptex2pdf (uplatex) *2",
    "tools": [
      "ptex2pdf (uplatex)",
      "ptex2pdf (uplatex)"
    ]
  },
],
"latex-workshop.synctex.afterBuild.enabled": true,
"latex-workshop.view.pdf.viewer": "tab",
"explorer.confirmDelete": false
}

基本的な使い方

いたってシンプルです。

texファイルを作って、最初は手動でビルドする。（左のtexマークをクリックしてCOMMANDS/Build LaTeX project/Recipe:ptex2pdf(uplatex) *2を押す）
左のtexマークをクリックしてCOMMANDS/View LaTeX PDF/View in VSCode tabを押す
texファイルを更新して保存すると開いているpdfも更新されていく

注意点とか

setting.jsonの設定が反映されない
→初歩的なミスですが、他の設定を以前にしていて以下のようなファイル構造になってしまっていませんか？

setting.json

{
"workbench.startupEditor": "none",
}
{
"latex-workshop.latex.tools": 
...
...
..
}

全体が一つの{}に収まっているjsonファイルの構造になっていないと読み込んでくれません。

最後に

別の種類のLaTeXを使っている人もrecipeが違うだけで基本的には変わらないと思います。あらゆる種類のLaTeXに対応させることもできるそうなので他の人の記事も参考にしてみてください。