首頁 開發工具 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

可以點選「Advanced」進入進階安裝來取消你不需要安裝的巨集套件。

vscode如何寫latex

進階安裝介面

#點擊「Customize」來取消勾選不需要的巨集套件。

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,將 tools 中的 %DOC%替換成%DOCFILE%就可以支援中文路徑下的檔案了)

"latex-workshop.latex.recipes": [
    {
        "name": "xelatex",
        "tools": [
            "xelatex"
        ]
    },
    {
        "name": "xe->bib->xe->xe",
        "tools": [
            "xelatex",
            "bibtex",
            "xelatex",
            "xelatex"
        ]
    }
],

用來設定編譯鏈,同樣地放入設定區。第一個recipe 為預設的編譯工具,如需要使用bibtex 可在編譯時點選VSCode 介面左下角的小勾,點選“Build LaTeX project”,選擇“xe->bib->xe-> xe”,另外的方法是使用右側欄,或者直接將“xe->bib->xe->xe”的Recipe 放到第一位,就可以作為默認Recipe 編譯了,但因為編譯次數比較多,速度會比較慢。大家可以依需求自行按照格式加入自己需要的編譯鏈。

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

外掛程式經過幾次更新之後已經去掉了右鍵選單選項,選項被移到了右側欄。點擊右側欄的 [公式] 圖標,再點擊你所想要使用的Recipe就可以編譯了,如果用快捷鍵則預設使用第一條 Recipe 編譯。或也可以使用快速鍵 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中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Stock Market GPT

Stock Market GPT

人工智慧支援投資研究,做出更明智的決策

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

如何在VSCODE中自動格式化Python代碼 如何在VSCODE中自動格式化Python代碼 Aug 14, 2025 pm 04:10 PM

toAutomation formatemationalformatpytpythoncodeinvscode,installblackusingpipinstallblack,installtheofficialmicrosoftpythonextension,setblackastheformatterinsettings.jsonwith“ python.formatting.formatting.provider”

如何在VScode中調試Python腳本 如何在VScode中調試Python腳本 Aug 16, 2025 am 02:53 AM

要調試Python腳本,需先安裝Python擴展並配置解釋器,然後創建launch.json文件設置調試配置,接著在代碼中設置斷點並按F5啟動調試,腳本將在斷點處暫停,允許檢查變量和單步執行,最終通過查看控制台輸出、添加日誌或調整參數等方式排查問題,確保環境正確後調試過程簡單高效。

如何在VScode中調試Rust程序 如何在VScode中調試Rust程序 Aug 22, 2025 am 09:33 AM

是的,VSCode可以調試Rust程序,但需要安裝rust-analyzer、CodeLLDB擴展及lldb或gdb調試器,配置launch.json並設置斷點後即可通過F5啟動調試,檢查變量、單步執行和評估表達式,儘管不如JavaScript等語言便捷,但通過正確配置可實現高效調試。

如何在VSCODE中調試Scala應用程序 如何在VSCODE中調試Scala應用程序 Aug 21, 2025 pm 03:36 PM

是的,VSCode通過Metals擴展可以調試Scala應用,首先安裝Metals擴展並導入Scala項目,確保啟用調試適配器並在設置中開啟metals.enable-debugging-features,然後在main方法或測試中設置斷點,通過F5或代碼透鏡的“Debug”選項啟動調試,可配合launch.json配置調試參數,支持本地運行和遠程JVM附加調試,調試時注意確保代碼被執行且構建已成功導入,最終實現類似其他IDE的變量檢查和單步執行功能。

如何在VSCODE中調試Perl腳本 如何在VSCODE中調試Perl腳本 Aug 23, 2025 am 06:23 AM

Yes,debuggingaPerlscriptinVSCodeispossibleusingthePerlDebugAdapterandPerlLanguageServerdespitelackingnativesupport.First,ensurePerlisinstalledandverifywithperl-v,theninstallthePerl::LanguageServermoduleviacpanPerl::LanguageServerorcpanmPerl::Language

如何在VSCODE中使用'轉到定義”功能? 如何在VSCODE中使用'轉到定義”功能? Aug 08, 2025 pm 02:59 PM

UseCtrl click(Cmd clickonmacOS)onasymboltogodirectlytoitsdefinition.2.PressF12withthecursoronthesymboltonavigatetoitsdefinition,oruseCtrl Shift F12topreviewitinapeekwindow.3.Right-clickthesymbolandselect"GotoDefinition"or"PeekDefinitio

如何在VSCODE中使用拆分編輯器功能 如何在VSCODE中使用拆分編輯器功能 Aug 16, 2025 am 10:48 AM

使用拖拽標籤、右鍵菜單、快捷鍵(如Ctrl \)或命令面板可拆分編輯器;2.拆分後可形成垂直、水平或網格佈局的編輯組;3.通過拖動標籤或使用快捷鍵(如Ctrl 1/2/3)在組間切換;4.可調整分割大小、在窗格間移動文件並跨分割導航錯誤;5.通過關閉標籤、使用右鍵菜單或“JoinAllEditors”命令管理並合併分割;6.可在設置中配置自動側邊打開文件的行為;分割編輯器功能靈活,適用於代碼對比、編寫和重構,且能無縫集成到工作流中。

如何在VSCODE中連接到遠程服務器? 如何在VSCODE中連接到遠程服務器? Aug 12, 2025 am 01:49 AM

安裝Remote-SSH擴展;2.配置本地SSH訪問並推薦使用SSH密鑰;3.通過命令面板輸入主機信息或使用~/.ssh/config文件連接;4.連接後在遠程服務器上打開文件夾即可編輯,VSCode會自動安裝遠程擴展並提供完整開發功能,連接前需確保SSH服務正常、防火牆允許端口且密鑰權限正確,最終實現與本地開發幾乎一致的遠程開發體驗。

See all articles