VSCode配置：插件与设置

发表于 | 分类于
  1. 主要是写给自己看的…方便自己什么时候搞出什么意外来重新配置.
  2. 其次是在网上翻vscode插件，都是关于前端开发者的…太气了吧，我不干前端，我就想写写我这样的人所需要的插件.

插件选择

编程语言支持

  • C/C++
  • Language Support for Java(TM) by Red Hat
  • Python
  • LaTeX Workshop
    • 强大的 \(\LaTeX\) 插件，需要配置.
  • Markdown All in One
    • 自称写markdown用这一个插件就够了.
    • 可以在markdown里面显示数学公式（感觉效果不是很好，有些公式渲染不出来）

提高效率的插件

  • Sublime Text Keymap and Settings Importer
    • 在VSCode里使用Sublime快捷键，对Sublime老用户很有用（是我转战vscode的重要原因）
  • Bracket Pair Colorizer
    • 给成对匹配的括号着色，非常实用
  • Code Runner
    • 跑代码的插件
  • TODO Highlight
    • 在注释中加 TODO 或者 FIXME 会被高亮显示，做标记方便.

提升颜值的插件

  • Chinese (Simplified) Language Pack for Visual Studio Code
    • 汉化包
  • VSCode Great Icons
    • 一套比较好看的文件图标
  • Output Colorizer
    • 给输出着色的插件

C/C++环境搭建

安装MinGW-w64

官网：https://mingw-w64.org/ 可在SourceForge下载.

下载完毕后安装，其中的Settings解释如下：

  • Version：版本…不废话了
  • Architecture：系统架构
    • i686:32位
    • x86_64:64位
  • Threads：接口协议
    • posix：除了windows的系统，都服从posix协议
    • win32：当然windows得选这个..
  • Exception：异常处理(按照教程，若架构选择了 i686，则此处应选择 dwarf)
    • seh：不太懂是什么..根据我看的教程选了这个，好像性能更好.
    • sjlj：同样不太懂…
  • Build revision：不知道是啥…乱选的.

然后啪啪啪啪一路顺下就安装好了.

环境变量

  1. 在 Path 中添加 \mingw64\bin 的地址.
    • 在命令行运行 gcc -v 可验证是否成功.
  2. 有一些教程里面会添加一些其他的看起来很骚的环境变量…感觉…是不是没啥用？

VSCode配置

https://code.visualstudio.com/docs/languages/cpp

忽然发现好像很简单…装好 Code Runner 插件，配置中勾选 Run In Terminal 和 Save File Before Run 两项即可运行..

VSCode的默认快捷键是 Ctrl+Alt+n.

LaTeX环境搭建

安装TeXLive和SumatraPDF

不多废话…

环境变量

  1. 将TexLive安装目录加入Path.
  2. 将SumatraPDF目录加入Path. 终端输入 sumatrapdf 即可验证.

VSCode配置

首先肯定要安装LaTeX Workshop… 参考：http://www.latexstudio.net/archives/12260.html

在tools中添加xelatex和bibtex

在 settings.json 中添加如下字段：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
"latex-workshop.latex.tools": [
	    {
	        "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%"
	    	]
	    }
	],

在recipe中添加xelatex与bibtex的组合

在 settings.json 中添加如下字段：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
"latex-workshop.latex.recipes": [
        {
          "name": "PDFLaTeX",
          "tools": [
            "pdflatex"
          ]
      	},
        {
          "name": "XeLaTeX",
          "tools": [
            "xelatex"
          ]
        },
        {
          "name": "latexmk",
          "tools": [
            "latexmk"
          ]
        },
        {
          "name": "BibTeX",
          "tools": [
            "bibtex"
          ]
        },
        {
          "name": "pdflatex -> bibtex -> pdflatex*2",
          "tools": [
            "pdflatex",
            "bibtex",
            "pdflatex",
            "pdflatex"
          ]
        },
        {
          "name": "xelatex -> bibtex -> xelatex*2",
          "tools": [
            "xelatex",
            "bibtex",
            "xelatex",
            "xelatex"
          ]
        }
    ],

SumatraPDF配置

参考：https://zhuanlan.zhihu.com/p/38178015

  • 预览设置：在 settings.json 添加如下字段： 

    1
    2
    3
    4
    5
    6
    7
    8
    "latex-workshop.view.pdf.viewer": "external",

    "latex-workshop.view.pdf.external.command": {
        "command": "SumatraPDF.exe的完整路径",
        "args": [
            "%PDF%"
        ]
    },

  • 正向搜索：在 settings.json 添加如下字段：（没有成功。。。） 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    "latex-workshop.view.pdf.external.synctex": {
        "command": "SumatraPDF.exe的完整路径",
        "args": [
            "-forward-search",
            "%TEX%",
            "%LINE%",
            "%PDF%"
        ]
    },

  • 反向搜索：在SumatraPDF的 设置->选项 中，在最下面填入：（双击即可反向搜索） 

    1
    Code.exe的完整路径 -g "%f:%l"

参考资料

  1. https://code.visualstudio.com/docs/languages/cpp
  2. https://zhuanlan.zhihu.com/p/38178015