LaTeX在VScode下的环境配置教程

简介: LaTeX在VScode下的环境配置教程

LaTeX在VScode下的环境配置教程

VScode配置中文

(1)打开左边的“扩展”,在搜索框里面搜索language

image-20220130212316583

(2)点击第一个进行安装

image-20220130212432777

(3)Ctrl+Shift+P(这个快捷键不行的话按F1试试)搜索“language”

在输入框中输入“language”,点击配置显示语言(Configure Display Language)。

然后会显示en和zh-cn(刚才我们安装的插件)两个语言。

点击第二个(zh-cn),然后重启即可配置中文。

注:这里不太好截图,就没有截图啦。

配至LaTeX

(1)在搜索框里面搜索“LaTeX”

image-20220130213627160

(2)点击安装LaTeX Workshop

(3)Ctrl+Shift+P(这个快捷键不行的话按F1试试)搜索“json”

在输入框中输入“json”,点击首选项:打开设置(json)(Preferences: Open Settings(JSON))。

注意:这里不要选成了带有“Default”的那个,那个是“只读”文件,不可以编辑的。

image-20220130214934233

在结尾补上一个逗号,然后将下面的代码全部粘贴在后面。

image-20220130215327747

// ======================== LaTeX 设置 BEGIN  ========================
        // bibtex 格式
        "latex-workshop.bibtex-format.tab": "tab",
    
        // 自动编译,全部关闭,当且仅当你认为有需要的时候才会去做编译
        "latex-workshop.latex.autoBuild.run": "never",
        "latex-workshop.latex.autoBuild.cleanAndRetry.enabled": false,
    
        // 设置 latex-workshop 的 PDF 预览程序,external 指的是外部程序
        "latex-workshop.view.pdf.viewer": "external",
        "latex-workshop.view.pdf.ref.viewer": "external",
        "latex-workshop.view.pdf.external.viewer.command": "C:/Users/Administrator/AppData/Local/SumatraPDF/SumatraPDF.exe", // 注意修改路径
        "latex-workshop.view.pdf.external.viewer.args": [
            "%PDF%"
        ],
    
        // 配置正向、反向搜索:.tex -> .pdf
        "latex-workshop.view.pdf.external.synctex.command": "C:/Users/Administrator/AppData/Local/SumatraPDF/SumatraPDF.exe", // 注意修改路径
        "latex-workshop.view.pdf.external.synctex.args": [
            // 正向搜索
            "-forward-search",
            "%TEX%",
            "%LINE%",
            "-reuse-instance",
            // 反向搜索
            "-inverse-search",
            "\"C:/Users/Administrator/AppData/Local/Programs/Microsoft VS Code/Code.exe\" \"C:/Users/Administrator/AppData/Local/Programs/Microsoft VS Code/resources/app/out/cli.js\" -gr %f:%l",
            "%PDF%"
        ],

        // 这是一些独立的编译选项,可以作为工具被编译方案调用
        "latex-workshop.latex.tools": [
            {
                // Windows 原生安装 TeX Live 2020 的编译选项
                "name": "Windows XeLaTeX",
                "command": "xelatex",
                "args": [
                    "-synctex=1",
                    "-interaction=nonstopmode",
                    "-file-line-error",
                    "-pdf",
                    "%DOCFILE%"
                ]
            },
            {
                // Windows Biber 编译
                "name": "Windows Biber",
                "command": "biber",
                "args": [
                    "%DOCFILE%"
                ]
            },
            {
                // WSL XeLaTeX 编译一般的含有中文字符的文档
                "name": "WSL XeLaTeX",
                "command": "wsl",
                "args": [
                    "/usr/local/texlive/2020/bin/x86_64-linux/xelatex",
                    "-synctex=1",
                    "-interaction=nonstopmode",
                    "-file-line-error",
                    "-pdf",
                    //"-output-directory=%OUTDIR%",
                    //"-aux-directory=%OUTDIR%",
                    "%DOCFILE%"
                ]
            },
            {
                // WSL biber / bibtex 编译带有 citation 标记项目的文档
                "name": "WSL Biber",
                "command": "wsl",
                "args": [
                    "/usr/local/texlive/2020/bin/x86_64-linux/biber",
                    "%DOCFILE%"
                ]
            },
            {
                // macOS 或者 Linux 的简单编译
                // 两种操作系统的操作方式相同
                "name": "macOS / Linux XeLaTeX",
                "commmand": "xelatex",
                "args": [
                    "-synctex=1",
                    "-interaction=nonstopmode",
                    "-file-line-error",
                    "-pdf",
                    "%DOCFILE%"
                ]
            },
            {
                // macOS 或者 Linux 的索引编译
                // 两种操作系统的操作方式相同
                "name": "macOS / Linux Biber",
                "command": "biber",
                "args": [
                    "%DOCFILE%"
                ]
            }
        ],
    
        // 这是一些编译方案,会出现在 GUI 菜单里
        "latex-workshop.latex.recipes": [
            {
                // 1.1 Windows 编译简单的小文档,这个选项不太常用,因为绝大多数文章都需要有参考文献索引
                "name": "Windows XeLaTeX 简单编译",
                "tools": [
                    "Windows XeLaTeX"
                ]
            },
            {
                // 1.2 Windows 编译带有索引的论文,需要进行四次编译;-> 符号只是一种标记而已,没有程序上的意义
                "name": "Windows xe->bib->xe->xe 复杂编译",
                "tools": [
                    "Windows XeLaTeX",
                    "Windows Biber",
                    "Windows XeLaTeX",
                    "Windows XeLaTeX"
                ]
            },
            {
                // 2.1  WSL 编译简单的小文档,这个选项不太常用,因为我绝大多数文章都需要有引用。
                "name": "XeLaTeX 简单编译",
                "tools": [
                    "WSL XeLaTeX"
                ]
            },
            {
                // 2.2 带有 citation 索引的文档,需要进行四次编译;-> 符号只是一种标记而已,没有程序上的意义
                "name": "xe->bib->xe->xe 复杂编译",
                "tools": [
                    "WSL XeLaTeX",
                    "WSL Biber",
                    "WSL XeLaTeX",
                    "WSL XeLaTeX"
                ]
            },
            {
                // 3.1 macOS 简单 小文档
                "name": "macOS XeLaTeX 简单编译",
                "tools": [
                    "macOS XeLaTeX"
                ]
            },
            {
                // 3.2 macOS 四次编译
                "name": "macOS xe->bib->xe->xe 复杂编译",
                "tools": [
                    "macOS / Linux XeLaTeX",
                    "macOS / Linux Biber",
                    "macOS / Linux XeLaTeX",
                    "macOS / Linux XeLaTeX"
                ]
            }
        ],
    
        // 清空中间文件
        "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",
            "*.bcf",
            "*.run.xml",
            "*.synctex.gz"
        ]
    // ======================== LaTeX 设置 END ========================

注意,粘贴完成之后,结尾没有逗号,若以后还想在后面附上什么代码的时候,还需要在后面添加逗号再粘贴上去哦。

image-20220130215635402

(4)配置PDF

编译器对LaTeX文档编辑之后的效果是通过PDF查看的。

在这里提供Sumatra pdf的安装路径

记住它的安装路径。

将下面这两个路径修改成你自己电脑里面PDF的安装路径。

image-20220130220517915

然后将这个地方的路径改为你自己的VScode安装路径。

image-20220130220947262

注意,在LaTeX进行编译的时候,会生成一些中间文件,这些文件没有用,留着还会占用空间,手动删除还很繁琐,那我们可以用这些代码自动帮我们删除这些中间文件。

image-20220130221240780

还有一点需要注意的是,最后一个”.gz“的文件,是当我们用PDF查看的时候,返回VScode来用的。

不知道什么原因,这里删除了,但是还会保留下来这个文件。

如果你没有保留下来,那还是在这一行前面添上注释吧。

image-20220130221714025

就像这样注释掉。

image-20220130221806062

然后我们保存,重启一下。

编写

(1)首先新建一个文件。

记得将后缀名改为“.tex”。

我们可以发现左边有一个TEX的图标,点击一下,会有一些对文档进行编译的东西。

image-20220130222202966

(2)随便写一段代码,点击“构建”

image-20220130222842372

(3)通过PDF查看

image-20220130222949096

第一个是在此界面查看,第二个是在网页上查看,第三个是在外部查看器(就是刚才我们配置的PDF)里面查看。

vscode关闭受限模式(工作区信任),启用调试等功能

推荐一篇博客。在此表达感谢。

相关文章
|
6月前
|
JavaScript 前端开发 开发工具
vscode工具使用教程
vscode工具使用教程
63 0
|
2月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
571 0
|
5月前
|
Web App开发 JavaScript 前端开发
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)
101 0
|
3月前
|
Go
VsCode(Visual Studio Code) 安装插件教程
VsCode(Visual Studio Code) 安装插件教程
93 0
|
3月前
|
存储 Ubuntu
百度搜索:蓝易云【Ubuntu16.04安装VSCode教程】
注意:以上是在Ubuntu 16.04上安装VSCode的简要步骤。请确保你的系统已连接到互联网,并在终端中执行命令。
42 0
|
4月前
|
存储 Linux
百度搜索:蓝易云【centos 7.9离线下载安装vscode,以及插件安装下载教程。】
通过以上步骤,你可以在CentOS 7.9上进行离线安装VSCode,并在离线环境中下载和安装插件。这样,你就可以在CentOS 7.9上享受到VSCode的编辑和开发功能,并根据需要安装各种插件来扩展其功能。
61 0
|
4月前
|
NoSQL Linux 开发工具
百度搜索:蓝易云【VSCode+GDB+Qemu调试ARM64 linux内核教程。】
请注意,根据你的具体环境和需求,上述步骤可能会有所调整和修改。建议参考相关文档和资源,以获得更详细的配置和调试指南。
52 0
|
5月前
|
JavaScript IDE Java
Vue系列教程(03)- Vue开发利器(VsCode)
Vue系列教程(03)- Vue开发利器(VsCode)
54 0
|
5月前
|
前端开发 JavaScript Java
Mac vscode c语言环境配置
Mac vscode c语言环境配置
76 0
|
11月前
|
编译器 网络虚拟化 C语言
2023年最全 Windows + VSCode 配置 OpenCV C++ 一站式开发调试环境教程
2023年最全 Windows + VSCode 配置 OpenCV C++ 一站式开发调试环境教程
1113 0