ホームページ 開発ツール VSCode vscodeでlatexを記述する方法

vscodeでlatexを記述する方法

Dec 07, 2019 am 11:17 AM
latex vscode

vscodeでlatexを記述する方法

#1. texlive のインストール

texlive 2019 の iso ファイルを読み込みます。

vscodeでlatexを記述する方法

install-tl-windows を右クリックし、「管理者として実行」をクリックして、インストール インターフェイスに入ります。

vscodeでlatexを記述する方法

「詳細」をクリックして詳細インストールに入り、インストールする必要のないマクロ パッケージをキャンセルできます。

vscodeでlatexを記述する方法

高度なインストール インターフェイス

「カスタマイズ」をクリックして、不要なマクロ パッケージのチェックを外します。

vscodeでlatexを記述する方法

個人的にはあまり必要ないマクロパッケージや関数なのでここではチェックを外していますが、必要に応じて必要な関数にチェックを入れれば大丈夫です。 、すべてインストールします。スペースをあまり消費しませんので、大丈夫です。


インストール パスとその他のオプションを設定した後、[インストール] をクリックし、20 分間静かに座ってインストールが完了するまで待ちます。

2. VSCode に Latex プラグインをインストールします

同時に、VSCode をダウンロードしてインストールします。VSCode のインストールは非常に簡単なので、勝ちました。ここでは詳細には触れません。

vscodeでlatexを記述する方法

#VSCode をインストールした後、拡張機能ストアに LaTeX Workshop プラグインをインストールします。

インストールが完了したら、tex ソース ファイルを開くだけです。

vscodeでlatexを記述する方法

コードが強調表示されていることがわかります。


3. VSCode の Latex プラグインを設定する

次のコードを VSCode の設定領域に入力します。

"latex-workshop.latex.tools": [
    {
        // 编译工具和命令
        "name": "xelatex",
        "command": "xelatex",
        "args": [
            "-synctex=1",
            "-interaction=nonstopmode",
            "-file-line-error",
            "-pdf",
            "%DOCFILE%"
        ]
    },
    {
        "name": "pdflatex",
        "command": "pdflatex",
        "args": [
            "-synctex=1",
            "-interaction=nonstopmode",
            "-file-line-error",
            "%DOCFILE%"
        ]
    },
    {
        "name": "bibtex",
        "command": "bibtex",
        "args": [
            "%DOCFILE%"
        ]
    }
],
ログイン後にコピー

LaTeX Workshop のデフォルトのコンパイルツールは latexmk です。必要なツールやコマンドを必要に応じて変更できます。latexmk を使用する必要がないので、一般的に使用されている xelatex に変更しました中国語環境では必要に応じて変更できます。 (huan Yu のおかげで、ツールの %DOC% を %DOCFILE% に置き換えることで、中国語のパスにあるファイルをサポートできるようになりました)

"latex-workshop.latex.recipes": [
    {
        "name": "xelatex",
        "tools": [
            "xelatex"
        ]
    },
    {
        "name": "xe->bib->xe->xe",
        "tools": [
            "xelatex",
            "bibtex",
            "xelatex",
            "xelatex"
        ]
    }
],
ログイン後にコピー

はコンパイル チェーンの構成に使用され、設定領域にも配置されます。最初のレシピはデフォルトのコンパイル ツールです。bibtex を使用する必要がある場合は、コンパイル中に VSCode インターフェイスの左下隅にある小さなチェック マークをクリックし、[Build LaTeX project] をクリックして、[xe->bib] を選択します。 ->xe-> xe" の場合、別の方法は、右側の列を使用するか、最初に "xe->bib->xe->xe" のレシピを直接配置し、デフォルトとしてコンパイルすることです。レシピですが、コンパイル数の関係で数が増えると速度が遅くなります。必要に応じて、フォーマットに従って必要なコンパイル チェーンを追加できます。

vscodeでlatexを記述する方法

pdflatex を使用するには、tex ドキュメントの先頭に次のコードを追加するだけです:

%!TEX program = pdflatex
ログイン後にコピー

SumatraPDF を使用してコンパイルされた PDF ファイルをプレビューするには、次のコードを追加します次のコードを入力して設定エリアに入ります。

"latex-workshop.view.pdf.viewer": "external",
"latex-workshop.view.pdf.external.command": {
    "command": "E:/Programs/SumatraPDF/SumatraPDF.exe",
    "args": [
        "%PDF%"
    ]
},
ログイン後にコピー

「viewer」はリーダーを外部リーダーに設定し、「command」は SumatraPDF.exe へのパスです。これは特定の状況に応じて変更する必要があります。

これで、VSCode を使用して tex ファイルをコンパイルし、SumatraPDF をリーダーとしてプレビューできるようになりました。

vscodeでlatexを記述する方法

プラグインを数回更新した後、右クリック メニュー オプションが削除され、オプションは右側の列に移動されました。右欄の[Formula]アイコンをクリックし、コンパイルに使用したいレシピをクリックし、ショートカットキーを使用すると、デフォルトで最初のレシピがコンパイルに使用されます。または、ショートカット Ctrl Alt V を使用することもできます。


vscodeでlatexを記述する方法

单击右上角的按钮即可打开 SumatraPDF 并预览。

4、配置正向搜索

"latex-workshop.view.pdf.external.synctex": {
    "command": "E:/Programs/SumatraPDF/SumatraPDF.exe",
    "args": [
        "-forward-search",
        "%TEX%",
        "%LINE%",
        "%PDF%"
    ]
},
ログイン後にコピー

添加代码进入设置区以配置正向搜索。“command”依旧是 SumatraPDF.exe 的存放位置,根据具体情况修改。

vscodeでlatexを記述する方法

单击“SyncTeX from cursor”即可正向搜索。

vscodeでlatexを記述する方法

可以看到,光标所在的行的内容在 PDF 中高亮显示。

5、配置反向搜索

打开 SumatraPDF,进入设置->选项->设置反向搜索命令行

vscodeでlatexを記述する方法

添加以下命令:

"Code.exe" "resources\app\out\cli.js" -g "%f":"%l"
ログイン後にコピー

根据 VSCode 具体的安装位置将“Code.exe”和“resources\app\out\cli.js”换成 VSCode 在自己的电脑上的安装位置,例如:

"C:\Users\Marvey\AppData\Local\Programs\Microsoft VS Code\Code.exe" "C:\Users\Marvey\AppData\Local\Programs
\Microsoft VS Code\resources\app\out\cli.js" -g "%f":"%l"
ログイン後にコピー

(感谢Macrofuns指出,如果不加双引号,在文件路径有空格的情况下会导致无法反向搜索)

双击 PDF 中的任意一处即可跳转到 VSCode 中所对应的内容的源代码处。

vscodeでlatexを記述する方法

这样 VSCode + texlive 就完全配置好了。

最好不要清理 xelatex 生成的 gz 后缀的临时文件,否则就不能进行正向和反向搜索;

之前的文章中,我提到了从 VSCode 预览按钮启动 SumatraPDF 会无法反向搜索的问题,现在已经解决,解决方法是在反向搜索命令中添加:

"resources\app\out\cli.js"
ログイン後にコピー

6、其他设置

LaTeX Workshop 默认保存的时候自动编译,如果不喜欢这个设置,可以添加以下代码进入设置区:

"latex-workshop.latex.autoBuild.run": "never",
ログイン後にコピー

附录

    // LaTeX
    "latex-workshop.latex.tools": [
        {
            "name": "xelatex",
            "command": "xelatex",
            "args": [
                "-synctex=1",
                "-interaction=nonstopmode",
                "-file-line-error",
                "-pdf",
                "%DOCFILE%"
            ]
        },
        {
            "name": "pdflatex",
            "command": "pdflatex",
            "args": [
                "-synctex=1",
                "-interaction=nonstopmode",
                "-file-line-error",
                "%DOCFILE%"
            ]
        },
        {
            "name": "bibtex",
            "command": "bibtex",
            "args": [
                "%DOCFILE%"
            ]
        }
    ],
    "latex-workshop.latex.recipes": [
        {
            "name": "xelatex",
            "tools": [
                "xelatex"
            ]
        },
        {
            "name": "xe->bib->xe->xe",
            "tools": [
                "xelatex",
                "bibtex",
                "xelatex",
                "xelatex"
            ]
        },
        {
            "name": "pdflatex",
            "tools": [
                "pdflatex"
            ]
        }
    ],
    "latex-workshop.view.pdf.viewer": "external",
    "latex-workshop.view.pdf.external.command": {            // **********
        "command": "C:/Program Files/SumatraPDF/SumatraPDF.exe", // 注意修改路径
        "args": [                                // **********
            "%PDF%"
        ]
    },
    
    "latex-workshop.view.pdf.external.synctex": {             // **********
        "command": "C:/Program Files/SumatraPDF/SumatraPDF.exe", // 注意修改路径
        "args": [                               // **********
            "-forward-search",
            "%TEX%",
            "%LINE%",
            "%PDF%"
        ]
    },
ログイン後にコピー

PHP中文网,有大量免费的vscode入门教程,欢迎大家学习!

以上がvscodeでlatexを記述する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

VSCODEは拡張子をインストールできません VSCODEは拡張子をインストールできません Apr 15, 2025 pm 07:18 PM

VSコード拡張機能のインストールの理由は、ネットワークの不安定性、許可不足、システム互換性の問題、VSコードバージョンが古すぎる、ウイルス対策ソフトウェアまたはファイアウォール干渉です。ネットワーク接続、許可、ログファイル、およびコードの更新、セキュリティソフトウェアの無効化、およびコードまたはコンピューターの再起動を確認することにより、問題を徐々にトラブルシューティングと解決できます。

vscodeとは何ですか?vscodeとは何ですか? vscodeとは何ですか?vscodeとは何ですか? Apr 15, 2025 pm 06:45 PM

VSコードは、Microsoftが開発した無料のオープンソースクロスプラットフォームコードエディターと開発環境であるフルネームVisual Studioコードです。幅広いプログラミング言語をサポートし、構文の強調表示、コード自動完了、コードスニペット、および開発効率を向上させるスマートプロンプトを提供します。リッチな拡張エコシステムを通じて、ユーザーは、デバッガー、コードフォーマットツール、GIT統合など、特定のニーズや言語に拡張機能を追加できます。 VSコードには、コードのバグをすばやく見つけて解決するのに役立つ直感的なデバッガーも含まれています。

vscode setting中国のvscodeを中国語で設定する方法 vscode setting中国のvscodeを中国語で設定する方法 Apr 15, 2025 pm 06:51 PM

VS Code Extensionストアに簡素化された中国語パックまたは従来の中国語パックをインストールおよび有効にすることにより、VSコードユーザーインターフェイスを中国語に翻訳して、コーディングエクスペリエンスを向上させることができます。さらに、テーマ、ショートカット、およびコードスニペットを調整して、設定をさらにパーソナライズできます。

VSCODEに必要なコンピューター構成 VSCODEに必要なコンピューター構成 Apr 15, 2025 pm 09:48 PM

VSコードシステムの要件:オペレーティングシステム:オペレーティングシステム:Windows 10以降、MACOS 10.12以上、Linux Distributionプロセッサ:最小1.6 GHz、推奨2.0 GHz以上のメモリ:最小512 MB、推奨4 GB以上のストレージスペース:最低250 MB以上:その他の要件を推奨:安定ネットワーク接続、XORG/WAYLAND(Linux)

ターミナルVSCODEでプログラムを実行する方法 ターミナルVSCODEでプログラムを実行する方法 Apr 15, 2025 pm 06:42 PM

VSコードでは、次の手順を通じて端末でプログラムを実行できます。コードを準備し、統合端子を開き、コードディレクトリが端末作業ディレクトリと一致していることを確認します。プログラミング言語(pythonのpython your_file_name.pyなど)に従って実行コマンドを選択して、それが正常に実行されるかどうかを確認し、エラーを解決します。デバッガーを使用して、デバッグ効率を向上させます。

vscodeフロントエンドプロジェクトコマンドを開始します vscodeフロントエンドプロジェクトコマンドを開始します Apr 15, 2025 pm 10:00 PM

VSCODEでフロントエンドプロジェクトを開始するコマンドはコードです。特定の手順には、プロジェクトフォルダーを開きます。 vscodeを開始します。プロジェクトを開きます。起動コマンドコードを入力します。ターミナルパネル。 Enterを押してプロジェクトを開始します。

vscodeを設定する方法 vscodeを設定する方法 Apr 15, 2025 pm 10:45 PM

VSCODEを有効にして設定するには、次の手順に従います。VSCODEをインストールして開始します。テーマ、フォント、スペース、コードフォーマットなどのカスタム設定。拡張機能をインストールして、プラグイン、テーマ、ツールなどの機能を強化します。プロジェクトを作成するか、既存のプロジェクトを開きます。 IntelliSenseを使用して、コードプロンプトと完了を取得します。コードをデバッグして、コードを介してブレークポイントを設定し、変数を確認します。バージョン制御システムを接続して変更を管理し、コードをコミットします。

使用されるVSCODEはどの言語ですか 使用されるVSCODEはどの言語ですか Apr 15, 2025 pm 11:03 PM

Visual Studio Code(VSCODE)はMicrosoftによって開発され、電子フレームワークを使用して構築され、主にJavaScriptで記述されています。 JavaScript、Python、C、Java、HTML、CSSなどを含む幅広いプログラミング言語をサポートし、拡張を通じて他の言語のサポートを追加できます。

See all articles