【貳伍肆】VSCode 配置Latex環境 保姆級教程

2022-01-09 不喝水就犯困

  眾所周知,微軟最近推出了自己開發的編程軟體visual studio code ,這款輕量級的開源編程軟體,實在是讓人愛不釋手,不僅可以在其上面使用python,還可以搭載各種運行環境,比如經常用的Latex、Matlab、Freefem、C++ 等軟體,都可以在vs code上使用,實在是太強大了,後面會陸續更新相關軟體的配置教程功能。

  每次在使用這些第三方軟體之前,都需要配置其運行環境,並且vs code更新的頻率也很快,所以代碼的部分語言也需要實時更新,作者是一個小白,所以要把這些好用的教程(windows版和mac版)和編程記錄下來,方便以後修改哈哈哈哈。

主要分為以下幾塊內容:

一、vs code 下載安裝與中文環境配置1.1 vs code下載安裝

  vs code 安裝很簡單不再多說,搜索官方網站[1],選擇適合自己的版本安裝。

1.2 vs code 語言環境

  這個輕量級的軟體安裝以後界面如下:

  一般的軟體我們設置語言,直接就是在設置裡找到語言選項,找到中文切換回來就好,但vs code的語言設置需要這樣子操作:

快捷鍵 【control + shift + p】 會彈出以下搜索框

在搜索框內輸入【language】會出現這個選項【Configure Display Language】,點擊確定。


接著選擇【zh-cn】,按照提示重啟,就切換成了中文界面。

中文界面如下:


  到這裡,我們就把vs code安裝並且配置完畢。

1.3 安裝Sumatra PDF

  找到Sumatra PDF官方網站[4],這個軟體安裝是最簡單的,很大部分的軟體安裝過程相似,但是一定要記住安裝路徑,因為下面會需要安裝路徑,我們要配置到vs code 上。

1.4 下載並安裝textlive編譯器

  如果要安裝textive編譯器(windows),有兩個鏡像網站阿里雲開源鏡像網站[2]、華為開源[3]可以下載。界面分別如下:

  找到【textlive2021】下載,下載時長約十分鐘左右。

  等待下載完成後就是安裝過程。

打開【textlive2021】鏡像文件,找到【install-tl-windows】,右鍵【以管理員身份打開】。等幾秒後出現一下界面:點擊左下角的【advanced】;左邊一列是語言一列,只選取我們需要的【中文】和【英文】即可,其他的語言包可以去掉,這樣可以節省1G的文件內存。之後點擊【確定】。找到右下角的【安裝texworks前端】,這個選項可以取消,也可以保留,不過既然都已經選擇使用vs code編輯latex了,我想也不會使用【texworks】編輯。之後就是漫長的安裝時間,安裝時間大約半個小時左右,安裝好以後關掉軟體即可。1.5 在vs code上配置latex環境

  接下來進入關鍵的一步,在vs code 上配置latex環境,第一步已經將latex調整為中文界面,接下來打開你的vscode。

首先我們需要先安裝插件【latex workshop】,找到界面左邊一列的【拓展】;


下一步,點擊左下角的齒輪⚙️ 打開【設置】在【設置】中的【拓展】找到【JSON】,點擊【在setting.json中編輯】。將下列的代碼複製到輸入框;保存並關閉。那麼配置過程就配置完畢!

  配置代碼如下:

  代碼每一行的命令都有注釋,不清楚的也可以在vs code上將光標放到程序上,vs code也會解釋代碼的含義,注意,代碼需要更改的地方是你的軟體的位置,這個很重要,一定要修改成你電腦上的軟體所在路徑。

{
    //使用 SumatraPDF 預覽編譯好的PDF文件
    // 設置VScode內部查看生成的pdf文件
    // PDF查看器用於在\ref上的[View on PDF]連結
    "latex-workshop.view.pdf.ref.viewer":"auto",
    // 使用外部查看器時要執行的命令。此功能不受官方支持。
    "latex-workshop.view.pdf.external.viewer.command": "C:/SumatraPDF/SumatraPDF.exe", // 注意修改路徑
    // 使用外部查看器時,latex-workshop.view.pdf.external.view .command的參數。此功能不受官方支持。%PDF%是用於生成PDF文件的絕對路徑的佔位符。
    "latex-workshop.view.pdf.external.viewer.args": [
        "%PDF%"
    ],
    // 將synctex轉發到外部查看器時要執行的命令。此功能不受官方支持。
    "latex-workshop.view.pdf.external.synctex.command": "C:/SumatraPDF/SumatraPDF.exe", // 注意修改路徑
    // latex-workshop.view.pdf.external.synctex的參數。當同步到外部查看器時。%LINE%是行號,%PDF%是生成PDF文件的絕對路徑的佔位符,%TEX%是觸發syncTeX的擴展名為.tex的LaTeX文件路徑。
    "latex-workshop.view.pdf.external.synctex.args": [
        "-forward-search",
        "%TEX%",
        "%LINE%",
        "-reuse-instance",
        "-inverse-search",
        "\"C:/Microsoft VS Code/Code.exe\"\" \"C:/Microsoft VS Code/resources/app/out/cli.js\" -r -g \"%f:%l\"", // 注意修改路徑
        "%PDF%"
    ],
    "editor.minimap.enabled": true, //控制是否顯示縮略圖。
    //定義要在配方中使用的 LaTeX 編譯工具。每個工具都標有其名稱。 
    //調用時,命令會使用 args 中定義的參數和 env 中定義的環境變量生成。 
    //通常,除非在路徑中,否則每個參數中不應出現空格。
    //佔位符 %DOC%、%DOC_W32%、%DOC_EXT%、%DOC_EXT_W32%、%DOCFILE%、%DOCFILE_EXT%、%DIR%、%DIR_W32%、%TMPDIR% 和 %OUTDIR%、%OUTDIR_W32% 可用.
    "latex-workshop.latex.tools": [
        {
          "name": "latexmk",
          "command": "latexmk",
          "args": [
          "-synctex=1",
          "-interaction=nonstopmode",
          "-file-line-error",
          "-pdf",
          "%DOC%"
          ]
        },
        {
          "name": "xelatex",
          "command": "xelatex",
          "args": [
          "-synctex=1",
          "-interaction=nonstopmode",
          "-file-line-error",
          "%DOC%"
            ]
        },          
        {
          "name": "pdflatex",
          "command": "pdflatex",
          "args": [
          "-synctex=1",
          "-interaction=nonstopmode",
          "-file-line-error",
          "%DOC%"
          ]
        },
        {
          "name": "bibtex",
          "command": "bibtex",
          "args": [
          "%DOCFILE%"
          ]
        }
      ],
  "latex-workshop.latex.recipes": [
        {
          "name": "xelatex",
          "tools": [
          "xelatex"
                      ]
                },
        {
          "name": "latexmk",
          "tools": [
          "latexmk"
                      ]
        },

        {
          "name": "pdflatex -> bibtex -> pdflatex*2",
          "tools": [
          "pdflatex",
          "bibtex",
          "pdflatex",
          "pdflatex"
                      ]
        }
      ],
  "latex-workshop.view.pdf.viewer": "tab",
  "latex-workshop.latex.clean.enabled": true,
  "latex-workshop.latex.clean.fileTypes": [
      "*.aux",
      "*.bbl",
      "*.blg",
      "*.idx",
      "*.ind",
      "*.lof",
      "*.lot",
      "*.out",
      "*.toc",
      "*.acn",
      "*.acr",
      "*.alg",
      "*.glg",
      "*.glo",
      "*.gls",
      "*.ist",
      "*.fls",
      "*.log",
      "*.fdb_latexmk"
    ],
    //設置為onFaild 在構建失敗後清除輔助文件
    "latex-workshop.latex.autoClean.run": "onFailed",
    // 使用上次的recipe編譯組合
    "latex-workshop.latex.recipe.default": "lastUsed",
    // 用於反向同步的內部查看器的鍵綁定。ctrl/cmd +點擊(默認)或雙擊
    "latex-workshop.view.pdf.internal.synctex.keybinding": "double-click",
    //右鍵菜單
    "latex-workshop.showContextMenu":true,
    //從使用的包中自動補全命令和環境
    "latex-workshop.intellisense.package.enabled": true,
    //將 glob 模式配置到編輯器(例如 "*十六進位": "hexEditor.hexEdit")。這些優先順序高於默認行為。
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter-notebook"
    },
    "kite.showWelcomeNotificationOnStartup": false,    //需要安裝kite,show the Kite welcome notification on startup.
    "python.defaultInterpreterPath": "E:\\Python\\python.exe", //python路徑
    //應在何處顯示單元格工具欄,或是否隱藏它。
    "notebook.cellToolbarLocation": {
        "default": "right",
        "jupyter-notebook": "left"//為特定文件類型配置單元格工具欄位置
    },
    //若設置為 true,則自動從當前 Git 存儲庫的默認遠程庫提取提交。若設置為「全部」,則從所有遠程庫進行提取。
    "git.autofetch": true,
    //始終信任工作區
    "security.workspace.trust.untrustedFiles": "open",
    //不顯示新版本消息
    "vsicons.dontShowNewVersionMessage": true,
    //針對某種語言,配置替代編輯器設置
    "[latex]": {
        "editor.formatOnPaste": false,//針對某種語言,配置替代編輯器設置
        "editor.suggestSelection": "recentlyUsedByPrefix" //控制在建議列表中如何預先選擇建議。recentlyUsedByPrefix: 根據之前補全過的建議的前綴來進行選擇。例如,co -> console、con -> const。
    },
    "code-runner.clearPreviousOutput": true,
    "code-runner.saveAllFilesBeforeRun": true,
    "code-runner.runInTerminal": true,
    "workbench.colorTheme": "Solarized Dark",
}

1.6 測試環節

  接下來我們就測試一下看看,是否調試成功。

在桌面新建文件夾,並在vs code 上打開文件夾【test1】;

在vs code上,找到【test1】文件夾,並點擊第一個選項【新建文件】;

新建文件【test.tex】,一定要加後綴名【.tex】,如果沒有後綴名【.tex】,vs code不能識別latex文檔;

\ocumentclass[fontset=windows]{article}
\usepackage[zihao=-4]{ctex}
\usepackage[a4paper]{geometry}
\begin{document}
\centering
\LaTeX,你好呀!
\end{document}

找到第一個按鈕【Build latex project】,點擊展開,找到【Recipe:pdflatex....】,點擊;成功後,再找到左上角【View LaTex Pdf】,點擊展開,找到【View in VSCode tab】並點擊確定。看到如下界面;就說明測試成功;接下來就可以愉快的在vs code上敲latex啦~二、vs code配置latex教程mac版本

  mac上配置latex相對來說比較簡單,在這裡簡單說明一下,同樣是使用vs code下載軟體

vs code 安裝插件【latexworkshop】;(1.5)

下載【MacTex】

  mac上的tex編譯軟體和windows不太一樣,前面windows使用的是【textive2021】,這裡mac使用的是【MacTex】,配置過程比較簡單,找到【MacTex】官網[5],下載安裝即可。下載完成後關閉。

參考網站和資料

[1] visual studio code 官方網站:https://code.visualstudio.com

[2] 阿里雲開源鏡像網站:https://mirrors.aliyun.com/CTAN/systems/texlive/Images/

[3] 華為開源:https://mirrors.huaweicloud.com/CTAN/systems/texlive/Images/

[4] Sumatra PDF 官方網站:https://www.sumatrapdfreader.org/free-pdf-reader

[5] MacTex 下載網站:https://tug.org/mactex/

Ai配音專家 語音轉文字免費配置教程(適用於mac和windows系統)


相關焦點

  • VScode上的Latex環境搭建
    於是我就看上了長得好看拓展功能還多的VScode,vscode上有現成的latex插件,經過基本的環境配置就能實現方便的latex書寫,並且代碼提示和代碼高亮都很好用,我完全配置完花了大概有兩個小時,下面是下載和配置過程。
  • Latex:下載&安裝,vscode配置
    texlive/Images/Sumatra PDF下載地址https://www.sumatrapdfreader.org/download-free-pdf-viewer.htmTeX Live,vscode
  • VSCode上手LaTeX
    將Tex live安裝文件下的bin文件夾加入環境變量(如下圖)       操作步驟:此電腦->屬性->高級系統設置->環境變量->用戶變量->點擊Path->進入編輯區添加tex live下的bin\win32即可。進入環境變量後上面顯示的是用戶變量,下面的是系統變量。
  • 來打造一個舒適的Latex環境吧~
    而對於日常需要搞搞小科研的小編來說,配置一個好用的latex環境就很有必要了,我覺得一個好的latex環境應該具有以下特點:代碼補全,單詞補全,latex常用符號公式能方便獲取一開始對latex還是一無所知的,只在去年的時候使用ctex寫過一點點(後來還是重新用word進行排版了。。)
  • TexLive+VScode優雅編寫LaTeX文檔
    在VScode中配置使用latex快捷編輯配置latexmk快捷編譯,自行根據情況執行xelatex -> bibtex -> xelatex -> xelatex或者xelatex過程,配置過程如下:通過文件 -> 首選項 -> 設置打開settings.json文件
  • 【包學包會】【LaTeX篇】TeXLive+TexStudio+VsCode
    正文環境:Win10VsCode_LaTeX環境:TeX Live[8] + Visual Studio Code + 插件TeXStudio_LaTeX環境:TEX Live具體配置文件如下:{  "latex-workshop.latex.recipes": [  {  "name": "PDFLaTeX",  "tools": [  "pdflatex"  ]  },  {  "name": "PDFLaTeX with Shell
  • 【包學包會】【LaTex篇】TeXLive+VsCode+TexStudio
    正文環境:Win10VsCode_LaTeX環境:TEX Live[8] + Visual Studio Code + 插件TeXStudio_LaTeX環境:TEX Live具體配置文件如下:{  "latex-workshop.latex.recipes": [  {  "name": "PDFLaTeX",  "tools": [  "pdflatex"  ]  },  {  "name": "PDFLaTeX with Shell
  • VSCode Python開發環境配置
    安裝Chinese(Simplified)中文簡體語言包安裝Python擴展,如果前面安裝的anaconda的路徑已經加入到path環境變量中,這裡跟著提示操作就可以,vscode會自動找到系統python的位置,調試時如果發現提示
  • 如何快速搭建 LaTeX 輕量級寫作環境(VSCode)?
    安裝完畢後,"ctrl"+"," 打開配置,並在搜索框中輸入"json",打開配置的 .json 文件。{ "latex-workshop.latex.recipes": [ { "name" : "xelatex -> bibtex ->
  • Fortran開發環境配置(gfortran+vscode)
    Fortran 開發環境配置(gfortran+vscode)
  • 【乾貨】如何快速搭建 LaTeX 輕量級寫作環境(VSCode)?
    安裝完畢後,"ctrl"+"," 打開配置,並在搜索框中輸入"json",打開配置的 .json 文件。{ "latex-workshop.latex.recipes": [ { "name" : "xelatex -> bibtex -> xelatex*2",
  • 【CSDN博客分享】vscode Anaconda配置python環境
    vscode   Anaconda配置python環境一.Anaconda下載
  • vscode進階:Python開發環境配置
    vscode對於python的支持之前覺得是不太好的,比如代碼智能提示、補全、快速修復等都體驗都比較差,和CLion或者PyCharm有比較大的差距。但是在2020年7月份微軟為vscode發布了新的語言伺服器Pylance,體驗有比較大的提升,目前還是預覽版,還有比較多的改進空間,正式版值得期待。
  • macOS VSCode 配置 Go 編程環境
    macOS VSCode 配置 Go 編程環境筆者使用 macOS BigSur 安裝完 Go 1.16.6 和 VSCode Go 插件,然後運行時,往往會報諸如下面的錯誤:build esc: cannot load xxx : malformed module path 「xxx」: missing dot in first
  • 項目開發神器VsCode配置指南!(含C++、Python、Java環境配置)
    這樣完事之後, .vscode目錄下,自動多一個c_cpp_properties.json文件, 用於使用vscode自帶的代碼提示工具,支持代碼跳轉等, 在這裡面進行配置如下:{    "configurations": [        {            "name": "Mac",
  • 項目開發神器 VSCode 配置指南!(含 C++、Python、Java 環境配置)
    接下來, 配置 launch.json, 這個是用於使用 vscode 自帶的 debug 工具(左側的小蟲圖標)交互面板下輸入 launch,選擇 Debug:Open launch.json在.vscode 下自動生成 launch.json 文件, 寫入配置{
  • 如何用VSCode+phpStudy配置PHP開發環境
    PHP開發環境 PHP7語言的學習,首先需要配置PHP 開發環境。 配置之前,可以在php中文網下載phpstudy和vscode軟體安裝,都是免費開源的。 那麼接下來說說怎麼用Vscode+PhpStudy配置PHP開發環境:一,配置phpstudy1>首先打開phpstudy, 點開軟體管理,找到php合適的版本,我選擇的是php7.2.9nts, 點擊安裝,安裝之後點開後面的設置,在PHP設置對話框內點開擴展組件,將Xdebug調試組件打開,勾選 profiler輸出和trace輸出,
  • Win10+Vscode搞定python開發環境
    ,ssh還可以用,docker和wsl簡直慘不忍睹相比之下, 開源的vscode用起來就沒有一點心理壓力了vscode啟動是真的快,用過的都知道插件和配置設置好了,vscode的代碼提示效果也並不差,而且隨著使用會變得越來越順.
  • VSCODE FOR C/C++設置教程
    朋友今天遇到一個很奇怪的問題,一直配置不好vscode,最後我看了一些資料也只能放棄,只能通過官方英文原版文檔慢慢研究。
  • 在2021年我們該如何優雅地使用Latex?
    已經配置好的直接跳轉第五步設置快捷鍵註:公眾號圖片壓縮太狠,如果看不清點擊下方閱讀原文1.安裝編輯器安裝vscode 網址:https://code.visualstudio.com4.配置(無外置閱讀器)點左下角齒輪圖標設置,點擊setting,點擊右上角 open settings( json)