VS Code 使用经验积累

本文主要记录了 VS Code 的使用经验,包括 VS Code 的基本使用、VS Code 的插件使用、VS Code 的配置等。

Documentation for Visual Studio Code

VS Code Terminal 使用

Integrated Terminal in Visual Studio Code

  • 开启/关闭终端快捷键 (Ctrl + `)

  • 切换默认终端为 PowerShell,并设置 Nerd 字体

    1
    2
    3
    "terminal.integrated.defaultProfile.windows": "PowerShell", // 设置默认终端为 PowerShell
    "terminal.integrated.fontFamily": "CaskaydiaCove Nerd Font Mono", // 设置终端字体
    "terminal.integrated.fontSize": 14, // 设置终端字体大小

VS Code 备份设置

使用 Github 备份 VS Code 扩展设置

Settings Sync in Visual Studio Code

vscode - 使用 Settings 进行同步扩展以及配置信息等

Enable extension according to file type · Issue #84303 · microsoft/vscode (github.com)

VS Code 配置 Vim

Vim - Visual Studio Marketplace

  • 安装 ## VSCodeVim 插件

  • Esc 键位映射为 jk :在 settings.json 中添加如下配置:

    1
    2
    3
    4
    5
    6
    "vim.insertModeKeyBindings": [
    {
    "before": ["j","k"],
    "after": ["<Esc>"]
    }
    ],

VS Code 配置 Neovim

GitHub - vscode-neovim/vscode-neovim: Vim-mode for VS Code using embedded Neovim

  • 安装 vscode-neovim 插件
  • 安装 Neovim,在 vscode-neovim 插件中设置 Neovim 的完整路径
1
C:\Program Files\Neovim\bin\nvim.exe
  • 配置 Neovim config 文件,在 init.lua 文件中添加如下内容
1
2
3
4
5
if vim.g.vscode then
-- VSCode extension
else
-- ordinary Neovim
end
  • VS Code 中设置 Esc 键位映射为 jk,Open Keyboard Shortcuts JSON, 添加如下内容:
1
2
3
4
5
6
7
8
9
10
11
12
{
"command": "vscode-neovim.compositeEscape1",
"key": "j",
"when": "neovim.mode == insert && editorTextFocus",
"args": "j"
},
{
"command": "vscode-neovim.compositeEscape2",
"key": "k",
"when": "neovim.mode == insert && editorTextFocus",
"args": "k"
}

VS Code 配置 Markdown 编辑器

安装插件 Markdown Preview Enhanced 使用即可。

关于插件 Markdown Preview Enhanced 的使用技巧

在 VSCode 下用 Markdown Preview Enhanced 愉快地写文档

VS Code 配置 Python 开发环境

Get Started Tutorial for Python in Visual Studio Code

将 Conda 路径加入系统环境变量

安装 Python 插件

1
Python 插件

使用 Code Runner 运行时自动保存文件

修改 VS code 的 settings. Json 文件,添加如下内容:

1
2
3
4
// added by xxxxx
"code-runner.executorMap": {
"python": "$pythonPath -u $fullFileName",
},

VS Code 配置 LaTeX 编辑器

安装 TeX Live 发行版

安装 TeX live 很简单,直接安装即可。

安装过程中会自动设置 PATH,安装完了就可以直接使用。

删除的时候是把文件夹删了就可以了,如果是更换安装路径,直接把文件夹剪切到目标路径,然后更新 PATH 就可以了,不用卸载重新安装。

插件安装及配置

LaTeX Workshop - Visual Studio Marketplace

Latexmk (cantab.net)

Using Latexmk — homepage (mg.readthedocs.io)

  • 安装 LaTeX Workshop 及一系列插件, 直接安装以下插件:

    1
    2
    3
    LaTeX Workshop
    LaTeX language support
    Unicode Latex
  • 配置 settings.json 文件

    • 正向搜索是在目标位置使用快捷键 Ctrl+Alt+J

    • 反向搜索是直接双击即可

      latexmk

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21

    // 设置外部PDF预览器
    "latex-workshop.view.pdf.viewer":"external",
    "latex-workshop.view.pdf.ref.viewer":"external",
    "latex-workshop.view.pdf.external.viewer.command": "C:\\Users\\xxxxx\\AppData\\Local\\SumatraPDF\\SumatraPDF.exe",
    "latex-workshop.view.pdf.external.viewer.args": [
    "%PDF%"
    ],
    // 配置Syntex的正向与反向搜索(Latex->PDF)
    "latex-workshop.view.pdf.external.synctex.command": "C:\\Users\\xxxxx\\AppData\\Local\\SumatraPDF\\SumatraPDF.exe",
    "latex-workshop.view.pdf.external.synctex.args": [
    "-forward-search",
    "%TEX%",
    "%LINE%",
    "-reuse-instance",
    "-inverse-search",
    "\"C:\\Users\\xxxxx\\AppData\\Local\\Programs\\Microsoft VS Code\\Code.exe\" \"C:\\Users\\xxxxx\\AppData\\Local\\Programs\\Microsoft VS Code\\resources\\app\\out\\cli.js\" -r -g \"%f:%l\"",
    "%PDF%" // 这里其实就是配置的反向搜索 不用在 Sumatra PDF 里面重新设
    ],
    "latex-workshop.view.pdf.internal.synctex.keybinding": "double-click",
    // Latex End

注意事项

VS Code 设置 Snippets

Snippets in Visual Studio Code

作者

Shangyu ZHAO

发布于

2024-01-10

更新于

2024-04-19

许可协议