微软最近推出了自己开发的编程软件visual studio code ，这款轻量级的开源编程软件，这款软件不仅可以在其上面使用python，还可以搭载各种运行环境，比如经常用的Latex、Matlab、Freefem、C++ 、python等软件，都可以在vs code上使用，实在是太强大了。每次在使用这些第三方软件之前，都需要配置其运行环境，并且vs code更新的频率也很快，所以代码的部分语言也需要实时更新，作者是一个小白，所以要把这些好用的教程（windows版和mac版）和编程记录下来，方便以后修改。

主要分为以下几块内容：

1. VSCode下载安装与中文环境配置

1.1 VSCode下载安装

1.2 VSCode环境配置

1.3 安装Sumatra PDF

1.4 下载并安装Textlive编译器

1.5 在VSCode上配置Latex环境

1.6 测试环节

2. VSCode配置Latex环境（mac版教程）

正文开始

一、vs code 下载安装与中文环境配置

1.1 vs code下载安装

vs code 安装很简单不再多说，搜索官方网站 link_1，选择适合自己的版本安装。
居中的图片:

1.2 vs code 语言环境

这个轻量级的软件安装以后界面如下：

 一般的软件我们设置语言，直接就是在设置里找到语言选项，找到中文切换回来就好，但vs code的语言设置需要这样子操作：

  • 快捷键 【control + shift + p】 会弹出以下搜索框

  • 在搜索框内输入【language】会出现这个选项【Configure Display Language】，点击确定。

  • 接着选择【zh-cn】，按照提示重启，就切换成了中文界面。

    中文界面如下：

    到这里，我们就把vs code安装并且配置完毕。

1.3 安装Sumatra PDF

找到Sumatra PDF官方网站 link_2，这个软件安装是最简单的，很大部分的软件安装过程相似，但是一定要记住安装路径，因为下面会需要安装路径，我们要配置到vs code 上。

1.4 下载并安装textlive编译器

如果要安装textive编译器（windows），有两个镜像网站阿里云开源镜像网站 link_3、华为开源 link_4可以下载。界面分别如下：

  • 阿里云开源镜像网站 link_3
  • 华为开源 link_4

    找到【textlive2021】下载，下载时长约十分钟左右。

等待下载完成后就是安装过程。

  • 打开【textlive2021】镜像文件，找到【install-tl-windows】，右键【以管理员身份打开】。
  • 等几秒后出现一下界面：点击左下角的【advanced】；
  • 点击左下角的【customize】；
  • 左边一列是语言一列，只选取我们需要的【中文】和【英文】即可，其他的语言包可以去掉，这样可以节省1G的文件内存。之后点击【确定】。
  • 找到右下角的【安装texworks前端】，这个选项可以取消，也可以保留，不过既然都已经选择使用vs code编辑latex了，我想也不会使用【texworks】编辑。

  • 之后就是漫长的安装时间，安装时间大约半个小时左右，安装好以后关掉软件即可。

1.5 在vs code上配置latex环境

接下来进入关键的一步，在vs code 上配置latex环境，第一步已经将latex调整为中文界面，接下来打开你的vscode。

首先我们需要先安装插件【latex workshop】，找到界面左边一列的【拓展】；

  • 搜索【latex workshop】并安装；
  • 下一步，点击左下角的齿轮⚙️ 打开【设置】
  • 在【设置】中的【拓展】找到【JSON】,点击【在settings.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文档；
  • 复制下列代码到输入框，并保存；
\documentclass[fontset=windows]{article}
\usepackage[zihao=-4]{ctex}
\usepackage[a4paper]{geometry}
\begin{document}
\centering
\LaTeX，你好呀！
\end{document}
  • 接着看到左边一列有一个花写【tex】按钮，点击。
  • 找到第一个按钮【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 安装; (见1.1)

  • vs code 中文环境配置；(见1.2)

  • vs code 安装插件【latexworkshop】；(1.5)

  • 下载【MacTex】
    mac上的tex编译软件和windows不太一样，前面windows使用的是【textive2021】，这里mac使用的是【MacTex】，配置过程比较简单，找到【MacTex】官网[5]，下载安装即可。下载完成后关闭。

  • 测试环节；(见1.6)

参考网站和资料

[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/

2021版VSCode 配置 LaTeX 环境 保姆级教程相关推荐

  1. VS2019配置SFML环境保姆级教程

    No_1 首先去官网下载SMFL,解压放在一个能轻松找到的位置 https://www.sfml-dev.org/index.php No_2 打开VS2019,创建一个空项目 No_3 添加一个c+ ...

  2. 【c++】VSCode配置 c++ 环境（小白教程）

    前言 这篇文章是笔者最开始学习使用vs code配置c/c++环境,第一次配置的时候,没有问题,但是评论区有小伙伴配置不成功,笔者又照着这个教程重新配置了一下.没有问题.于是乎,想着再写一篇文章重新说 ...

  3. 【C++】VSCode配置C++环境（详细教程）

    前言 本人环境: win10专业工作站版 64位 VSCode 配置C++环境 下载安装MinGW-w64及环境变量配置 MinGW:可以理解成包含多种编译环境的可自由选择安装的其中的部分的软件 下载 ...

  4. 使用界面配置静态路由(保姆级教程)

    啰嗦几句 因为写的很详细,保姆级别的,所以看起来内容很多,但是东西就那一点,你自己配个2.3遍就会了.期末考试也不用担心这个实验了. 使用Cisco Packet Tracer这个软件. 原文件下载 ...

  5. Mask_RCNN项目下载、配置、运行保姆级教程

    1.下载项目 进入国内github镜像 https://hub.nuaa.cf/ 搜索要找的模型 下载完成后,放到自己写代码的文件夹内,解压. 右键用pycharm打开 打开requirements. ...

  6. VMware17新建配置虚拟机的保姆级教程

    前言 对于Linux初学者来说,VMware这个虚拟机软件就是不错的选择.下面我们一起来看看VMware配置虚拟机的详细过程. VMware版本:VMware workstation 17 pro L ...

  7. LaTeX公式保姆级教程

    文章目录 希腊字母 上下标 直立与斜体 分式 根式 普通运算符 函数 大型运算符 标注符号(向量.平均值等) 箭头 括号与定界符 多行公式 大括号 矩阵 实例仅供参考 希腊字母 π\piπ \pi δ ...

  8. VsCode配置Python环境-详细教程

    VsCode配置Python环境-小白详细教程 一.下载VSCode 下载地址:https://code.visualstudio.com/download 一般情况下选择Windows 2. 下载后 ...

  9. 数仓建设保姆级教程，离线和实时一网打尽(理论+实战)

    本文大纲: 因内容较多,带目录的PDF查看是比较方便的,点击下方链接获取完整PDF版: 数仓建设保姆级教程PDF文档 一.数仓基本概念 1. 数据仓库架构 我们在谈数仓之前,为了让大家有直观的认识,先 ...

最新文章

  1. 第一个spring boot应用
  2. Graph Convolutional Neural Networks for Predicting Drug-Target Interactions
  3. 五十九、Vue中的样式绑定
  4. 高仿带感魔性病毒源码+成品（最近很火的）
  5. 关于文档的基本操作---ElasticSearch
  6. 在Visual Studio调试器中显示数组
  7. 水培设备行业调研报告 - 市场现状分析与发展前景预测
  8. MD5消息摘要算法和SHA-1安全散列算法
  9. 浅谈格斗游戏的精髓——方块的战争
  10. 调研分析-全球与中国非线性光学BIBO晶体（BiB3O6）市场现状及未来发展趋势
  11. 补充netty权威指南学习自定义协议实现，与springboot集成
  12. 业界最全的iOS包瘦身技术实践总结
  13. 网页源文件代码隐藏的代码(转）
  14. linux c语言lzma,LZMA 算法简介
  15. 【dp】LGTB 玩THD
  16. 一家 50 平米小店的老板，如何用社群打垮平台电商？
  17. Cobalt Strike Beacon 初探
  18. （基础）Promise的resolve参数
  19. 机器学习 | MATLAB实现MLP多层感知机newff参数设定（下）
  20. java孙膑与庞涓_用java解决鬼谷子问题

热门文章

  1. 奇数数列求和python_奇的解释|奇的意思|汉典“奇”字的基本解释
  2. JavaScript Array --map()、filter()、reduce()、forEach()函数的使用
  3. 520情人节送女朋友的3D相册礼物~html+css+js实现抖音炫酷樱花3D相册(含音乐)
  4. 多线程实现火车站卖票
  5. cf修改游戏客户端是什么意思_网络游戏所谓的修改客户端是怎么回事?
  6. zfoo中的providers和consumers标签
  7. 小程序底部导航iphoneX判断
  8. 【CSS】770- 多层嵌套的CSS 3D动画技术详解
  9. 2021年烟花爆竹经营单位主要负责人最新解析及烟花爆竹经营单位主要负责人考试资料
  10. T46:字符串转换成整数（Java）