AsanoSaki


夏天的海边有冰淇淋口味的海风~

VS Code实用插件推荐与使用教程

  • ~6.63K words
  1. 1. Chinese (Simplified)
  2. 2. C/C++
  3. 3. Markdown All in One
  4. 4. MASM/TASM
  5. 5. background
  6. 6. Atom One Dark/Light Theme
  7. 7. Python
  8. 8. Python Extension Pack

推荐一些 VS Code 基础插件，例如：简体中文、C++、背景、主题等。

1. Chinese (Simplified)

简体中文插件，不用多说了，上来第一个先装这个。

2. C/C++

需要编写调试运行 C/C++ 文件所需的插件，安装完成后在工作空间的顶层文件夹中新建一个 .vscode 文件夹，新建两个文件名字分别为 tasks.json 和 launch.json。

其中，tasks.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
{
    "version": "2.0.0",
    "tasks": [{
            "label": "g++",
            "command": "g++",
            "args": [
                "-g",
                "${file}",
                "-o",
                "${fileDirname}/${fileBasenameNoExtension}.exe"
            ],
            "problemMatcher": {
                "owner": "cpp",
                "fileLocation": [
                    "relative",
                    "${workspaceRoot}"
                ],
                "pattern": {
                    "regexp": "^(.*):(\\d+):(\\d+):\\s+(warning|error):\\s+(.*)$",
                    "file": 1,
                    "line": 2,
                    "column": 3,
                    "severity": 4,
                    "message": 5
                }
            },
            "group": {
                "kind": "build",
                "isDefault": true
            },
            /*
            "presentation": { 
                "panel": "new" //默认为“shared“表示共享，改成new之后每个进程创建新的端口
            }
            */
        }
    ]
}

launch.json 文件内容如下，注意 "miDebuggerPath" 的路径需要选择自己电脑上安装的 MinGW 的 gdb.exe 路径：

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
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示
            "type": "cppdbg", // 配置类型，这里只能为cppdbg
            "request": "launch", // 请求配置类型，可以为launch（启动）或attach（附加）
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe", // 将要进行调试的程序的路径
            "args": [], // 程序调试时传递给程序的命令行参数，一般设为空即可
            "stopAtEntry": false, // 设为true时程序将暂停在程序入口处，一般设置为false
            "cwd": "${fileDirname}", // 调试程序时的工作目录，一般为${fileDirname}即代码所在目录
            "environment": [],
            "externalConsole": false, // 调试时是否显示控制台窗口，一般设置为false显示控制台
            "MIMode": "gdb",
            "miDebuggerPath": "D:\\MinGW\\mingw32\\bin\\gdb.exe", // miDebugger的路径，注意这里要与MinGw的路径对应
            "setupCommands": [
                {
                    "description": "为 gdb 启用整齐打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "g++" // 调试会话开始前执行的任务，一般为编译程序，c++为g++, c为gcc
        }
    ]
}

如果使用 TDM-GCC 那么 launch.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
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示
            "type": "cppdbg", // 配置类型，这里只能为cppdbg
            "request": "launch", // 请求配置类型，可以为launch（启动）或attach（附加）
            "program": "${fileDirname}\\${fileBasenameNoExtension}.exe", // 将要进行调试的程序的路径
            "args": [], // 程序调试时传递给程序的命令行参数，一般设为空即可
            "stopAtEntry": false, // 设为true时程序将暂停在程序入口处，一般设置为false
            "cwd": "${fileDirname}", // 调试程序时的工作目录，一般为${fileDirname}即代码所在目录
            "environment": [],
            "externalConsole": false, // 调试时是否显示控制台窗口，一般设置为false显示控制台
            "MIMode": "gdb",
            "miDebuggerPath": "D:\\TDM-GCC-64\\bin\\gdb64.exe", // miDebugger的路径，注意这里要与TDM-GCC的路径对应
            "setupCommands": [
                {
                    "description": "为 gdb 启用整齐打印",
                    "text": "-enable-pretty-printing",
                    "ignoreFailures": true
                }
            ],
            "preLaunchTask": "g++" // 调试会话开始前执行的任务，一般为编译程序，c++为g++, c为gcc
        }
    ]
}

配置完成后编写 C++ 代码即可成功编译运行啦！（注意源文件的路径中不能有任何中文的文件夹）

3. Markdown All in One

安装了该插件后即可编写 Markdown 文件（文件后缀名为 .md）并且支持实时预览。

4. MASM/TASM

编写汇编语言代码必备插件。

5. background

更换背景的插件，安装完成后点击"文件"-“首选项”-“设置”-“扩展”，打开 Plugin background config. background 插件配置，点击"在 settings.json 中编辑"，添加一段配置代码（注意得添加在大括号内）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//background 的相关配置
   "update.enableWindowsBackgroundUpdates": true,
   "background.customImages": [
       "file:///E:/Microsoft VS Code/image/background.png"//图片地址
   ],
   "background.style": {
       "content":"''",
       "pointer-events":"none",
       "position":"absolute",//图片位置
       "width":"100%",
       "height":"100%",
       "z-index":"99999",
       "background.repeat":"no-repeat",
       "background-size":"30%,30%",//图片大小
       "opacity":0.2 //透明度
   },
   "background.useFront": true,
   "background.useDefault": false,//是否使用默认图片

6. Atom One Dark/Light Theme

最经典的一款深色/浅色皮肤，强烈推荐！

7. Python

Python 这个插件必装！别问为啥！因为它是微软 VS Code 开发团队自己开发的，亲儿子的级别。虽然 VS Code 不安装任何插件也能高亮 Python 代码，但该件提供的功能远不止如此，还有很多强大的功能。

注意：如果装有 Code Runner 插件，运行 Python 代码时可能会出现中文乱码问题，其实 Python 运行不需要 Code Runner 插件。

8. Python Extension Pack

这是一个 Python 扩展包，它依赖于以下扩展包：

  • Python：高亮、调试（多线程、远程）、智能提示、代码格式化、重构、单元测试、代码片段、数据科学（使用 Jupyter）、PySpark 等等。
  • Jinja：对 Visual Studio 代码的 Jinja 模板语言支持。
  • Django：为有期限的完美主义者提供了漂亮的语法和限定范围的片段。
  • Visual Studio IntelliCode：在 Visual Studio 代码中为 Python 开发人员提供人工智能辅助的生产力功能，并基于对代码的理解和机器学习提供见解。
  • Python Environment Manager：提供从一个地方查看和管理所有 Python 环境和包的能力。
  • Python Docstring Generator：基于多个可选模板模式，为类和方法快速插入带有上下文推断参数的 Python 注释块。
  • Python Indent：在 Visual Studio 代码中更正 Python 缩进。
  • Jupyter：为 Python 语言提供 Jupyter Notebook 支持，用于数据科学、科学计算和机器学习。