[个人向] Visual Studio Code(VScode)使用指南
|
文章
|
510
|

2592 字
|
12 分钟
本文最后更新于42 天前，其中的信息可能已经过时，如有错误请发送邮件到everfades1218@gmail.com

——by Everfades

（⚠️必读）本指南为个人向的vscode的windows使用指南，包括vscode下载安装，C/C++环境配置，LaTeX环境配置，CPH插件、luogu插件安装使用

如果您有宝贵的意见或建议，请发邮件至:everfades1218@gmail.com或everfades@foxmail.com

在使用Typora阅读前，请将文件→偏好设置→Markdown→内联公式 勾选上，以免显示出错！

一.VScode简介

VScode是微软于2015年4月29日推出的一款免费、轻量、跨平台的编辑器。轻量体现在VScode的启动速度远大于笨重的IDE(Integrated Development Environment)；跨平台体现在win / mac / linux系统都能自由使用。

但VScode如此受欢迎的原因远不止于此🤔，它还包括了强大的拓展功能，只需要安装你需要的插件并配置环境，从cpp到python，从java到go，一个软件即可搞定，包括markdown，latex代码也都可以胜任。

在这里我们介绍的，只是VScode无数功能的冰山一角❄，希望大家能取得一些收获🔥！

二.VScode的下载安装

进入官网，点击Download for Windows开始下载

下载安装

下载完后根据提示指引进行安装即可，建议安装到D盘，文件夹命名为VS Code Application，可以与WorkSpace区分开

三.基础使用

1.中文插件安装

点击屏幕左侧第四个Expansion图标，搜索”Chinese”并Install。

下载chinese

此时还没有安装，我们按下”Ctrl + Shift + P”，输入”display”，选择”Configure Display Language”，选择简体中文

切换成中文

按照提示重新启动后即可切换到中文。

成功切换

2.配置C++编译器

配置C++环境，实际上就是安装好C++的编译器（如g++或cl），再给VScode一个路径找到这个编译器，然后直接使用这个编译器进行编译、调试等操作。

这里选择MinGW-w64编译器，但是独立的MinGW发行版只有一个编译器，并没有包管理器等工具，因此我们下载MSYS2，MSYS2通过 pacman 统一管理MinGW-w64工具链，依赖库，构建工具，比自己配置MinGw要方便快捷的多

首先我们下载MSYS2，点击msys2-x86_64-20260322.exe进行下载(可能不完全一样，但前面是msys2-x86_64即可)

下载MSYS2

下载好后双击进行安装

可以自己修改安装位置，根据个人习惯即可，但请记住你的安装位置，后面会用到。这里安装到D盘。

安装MSYS2-2

这里是开始菜单中的名字，默认即可，不用修改。

安装MSYS2-3

点击next，进行下一步安装

安装MSYS2-4

安装到100%后，勾选”Run MSYS2 now”，点击Finish，即可运行MSYS2。

如果手滑没点击”Run MSYS2 now”,也可以手动打开一下MSYS2 UCRT64。

手滑了

UCRT64是基于Universal C Runtime的64位MinGW-w64环境，和mingw64类似，不过更新一些，推荐使用。

打开UCRT64后，输入pacman -S --needed base-devel mingw-w64-ucrt-x86_64-toolchain，我们拆解一下这条命令：

  • pacman：MSYS2使用的包管理器，类似 Ubuntu 的 apt。

  • -S：安装软件包。

  • –needed：如果某些包已经安装了，就跳过，不重复安装。

  • base-devel：基础开发工具包，包含 make、pkgconf、patch、autotools 等常用构建工具。

  • mingw-w64-ucrt-x86_64-toolchain：UCRT 64 位 MinGW 工具链，主要包含 GCC/G++、binutils、调试器等，用来在 Windows 上编译原生 64 位程序。

UCRT安装包

总而言之，这条命令是在 MSYS2 里安装一套 Windows 下的 C/C++ 编译开发环境。

现在UCRT64提示我们，输入一个要安装的包的序号，缺省是安装所有包，我们直接按下回车键，即可安装所有包。

提示要安装的包

图中提示我们即将安装的包，我们输入y，确认安装。

安装完毕

等待下载完毕后，点击”×”退出即可。

我们打开刚才安装的路径，如果你是默认安装路径没有改的话，那就是C:\msys64，我们进入这个文件夹，再进入ucrt64，bin文件夹，将这个路径复制下来

复制路径

接下来，我们点击win键，搜索”环境变量”，点击”编辑系统环境变量”

搜索环境变量

点击右下角的”环境变量”

点击环境变量

找到系统变量中的”path”，并双击打开

path

接下来我们点击”新建”，并将刚复制的路径直接粘贴进去。随后点击三个确定，这样环境变量就配置好了。

粘贴路径

下面我们验证一下是否配置好了，我们点击键盘的win + R键，输入cmd并回车。

在cmd中依次输入gcc --version，g++ --version，gdb --version，如果结果类似下图(能够显示版本号)，则代表配置成功了。

测试配置是否成功

配置成功后就可以写C/C++代码了~

3.LaTeX环境安装配置

LaTeX是一款开源、免费，且被广泛应用的排版工具，它可以对文字、公式、图片进行复杂而精确的排版，而且可以保证每一页排版之间的一致性。因此LaTeX可以用于论文、书籍等各种需要文字排版的刊物。同时LaTeX还有数量庞大的扩展包，像简历，乐谱，原理图，流程图，甚至简单的动画都可以用它来完成。

LaTeX的好处是可以将文档和排版区分开来，类比来讲就是css和html的关系，这种关系也用于markdown语言中，但markdown的语法更加简洁，常用于轻量的笔记、wiki等，比如github的README文档就是用markdown写的。

和markdown类似，LaTeX的排版也可以轻松的替换，比如可以将笔记排版替换为论文期刊，甚至幻灯片，通常无需很多代码，但也并不是所有场景都适合使用LaTeX，如果只是日常记个笔记等较为轻量的场景，使用markdown或word则更为合适。

①.安装Tex Live

常用的Tex发行版一般有两个：Tex Live和MiKTeX，前者提供了大量的拓展包(很大量)，但是占用空间大；后者占用空间少，安装速度快，但如果遇到本地缺少的包则需要联网下载，对网络要求较高。

这里我们以Tex Live为例，我们在tuna镜像站下载texlive.iso，下载时间较长，耐心等待。

下载Tex Live

下载结束后会得到一个texlive.iso光盘映像文件，双击打开它，稍等一会后，会弹出一个安全警告，我们点击”打开”。

安全警告

再点击install-tl-windows，如果还有安全警告就手动确认一下，接下来会弹出一个命令行小黑框。

点击bat

再稍等一会，就会弹出安装Tex Live安装界面

显示安装界面

安装根目录可以自己改盘符，但后面的路径不建议改。

接着取消勾选安装TeXworks前端，因为我们前端要用vscode安装

设置完后我们点击”高级”选项

texlive高级

再点击左下方的”定制”，点击”无”取消所有选中，再选择中文，中日韩，英美英文即可

勾选定制

接下来就可以点击安装了，安装的过程很漫长，大约半小时到一小时，这期间可以干点别的

安装texlive中

当显示出”欢迎进入TeX Live的世界！”就代表安装好了，点击关闭即可退出。

TexLive安装完毕

②.配置vscode扩展

打开vscode，在扩展中搜索”LaTeX”，下载第二个”LaTeX Workshop”，其他都不用管

latexworkshop

随后我们可以新建一个文件夹，在里面新建一个名为1.tex的文件，创建成功后，左侧会出现TEX按钮

创建新tex文件

③.配置json

为了让LaTeX更好的工作(特别是支持中文)，我们需要进行一些配置

打开我们刚创建的1.tex，随后按”ctrl + shift + P”，输入” Open User Settings (JSON)”并选择，以打开你的 VSCode 全局配置文件 settings.json。

Open User Settings (JSON)

接着将以下所有内容完整粘贴到json文件的大括号中

    // ==================== LaTeX Workshop 核心配置 ====================
    // 1. 定义编译工具
    "latex-workshop.latex.tools": [
        {
            "name": "latexmk",
            "command": "latexmk",
            "args": [
                "-synctex=1",
                "-interaction=nonstopmode",
                "-file-line-error",
                "-pdf",
                "-xelatex",   // 关键：使用 xelatex 引擎
                "-outdir=%OUTDIR%",
                "%DOC%"
            ]
        },
        {
            "name": "xelatex",
            "command": "xelatex",
            "args": [
                "-synctex=1",
                "-interaction=nonstopmode",
                "-file-line-error",
                "-shell-escape", // 允许执行 shell 命令，部分宏包需要
                "%DOC%"
            ]
        }
    ],
    // 2. 定义编译链 (recipes)
    "latex-workshop.latex.recipes": [
        {
            "name": "latexmk (xelatex)", // 推荐，最自动化
            "tools": ["latexmk"]
        },
        {
            "name": "xelatex -> bibtex -> xelatex*2", // 处理参考文献的链
            "tools": ["xelatex", "bibtex", "xelatex", "xelatex"]
        },
        {
            "name": "xelatex",
            "tools": ["xelatex"]
        }
    ],
    // 设置默认编译链为最推荐的 latexmk
    "latex-workshop.latex.recipe.default": "latexmk (xelatex)",
    
    // ==================== 编译与清理设置 ====================
    // 保存文件时自动编译
    "latex-workshop.latex.autoBuild.run": "onSave",
    // 编译失败时自动清理临时文件
    "latex-workshop.latex.autoClean.run": "onFailed",
    // 清理临时文件的类型
    "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"
    ],
    
    // ==================== PDF 预览设置 ====================
    // 在 VSCode 新标签页中打开 PDF
    "latex-workshop.view.pdf.viewer": "tab",
    // 启用正向和反向搜索 (按住 Ctrl/Cmd 并点击PDF可跳转到代码)
    "latex-workshop.view.pdf.internal.synctex.keybinding": "ctrl-click",
    
    // ==================== 辅助功能 ====================
    // 在资源管理器侧边栏显示结构
    "latex-workshop.showContextMenu": true,
    // 生成章节等环境的代码补全提示
    "latex-workshop.intellisense.citation.backend": "biblatex",
    "latex-workshop.intellisense.citation.format": "latex",
    // 让错误弹窗更简洁
    "latex-workshop.message.error.show": false,
    "latex-workshop.message.warning.show": false

同意权限后，点击 ctrl + s 即可build文件

4.CPH+luogu配置

CPH(Competitive Programming Helper) 是一款功能强大的 vscode 插件，专为算法竞赛设计，使用CPH后，我们也可以添加Luogu和Leetcode插件来辅助我们在vscode上刷题。

我们在vscode扩展中搜索Competitive Programming Helper，luogu并安装

CPH下载

Luogu下载

打开luogu插件并登录，使用账号密码或者cookie都可以

登录luogu账号

登陆后，按”ctrl + shift + P”，搜索查看题目，假设我们要查看P1145号题目，直接搜索P1145即可

P1145

点击”传送至CPH”，即可在当前工作区快捷创建一个名为本题题号的文件，代码写完后，点击提交代码，随后选中该文件即可判题

提交题目

至此，vscode的简单环境配置就完成了，你可以用它来实现如写论文，刷算法，构建大型项目等功能，但作为一个文本编辑器，其添加不同插件所能实现的内容远不止于此，其他部分将由您自行探索！

文末附加内容
vscode腾讯云
暂无评论

发送评论 编辑评论 


				

			

						

				

					

						

							

								
							

							
						

					

				

				

					

						

							

								
							

							
						

					

				

				

					

						

							

								
							

							
							
													

					

				

			

			
			

				

					
				

			

				

											

							
							
						

																

							
							
						

																

							
							
						

										
					
											
						

	

		
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
（╯‵□′）╯︵┴─┴
￣﹃￣
(/ω＼)
∠( ᐛ 」∠)＿
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ｀)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ(￣∇￣o)
ヾ(´･ ･｀｡)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò｡)
Σ(っ °Д °;)っ
( ,,´･ω･)ﾉ"(´っω･｀｡)
╮(╯▽╰)╭
o(*////▽////*)q
＞﹏＜
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
	

	

		
颜文字
Emoji
小恐龙
花!
	


									

			

			
			
		

	






上一篇
下一篇 

                    

                    
			        推荐文章
		            

		            

							
九种常见图片格式介绍——为什么要选择webp

							
							

							
网页404 Debug Report

							
							

							
云计算与分布式系统-Part1

							
							

							
Vibe Coding必备知识——什么是Git？

							
							

							
Git使用指南