快速上手VS Code：从0到1的安装、使用与配置指南

金创想

已于 2025-03-21 13:26:21 修改

阅读量1.6k

点赞数 10

分类专栏： # 开发工具文章标签：代码编辑器 VS Code 扩展 JSON 颜色主题终端 python

于 2025-03-19 17:15:00 首次发布

本文链接：https://blog.csdn.net/jjmhx/article/details/146275002

版权

开发工具专栏收录该内容

6 篇文章

订阅专栏

VS Code的安装、使用与配置

一、下载VS Code
二、安装
三、主界面
- 3.1 欢迎页面
- 3.2 界面概览
四、上手
五、配置

VS Code出身名门，专业、免费，可用来编写复杂的大型项目，很多专业程序员都将其作为主编辑器。今天，老金也来照顾照顾它的生意。

一、下载VS Code

官网：https://code.visualstudio.com/
看到download下就完了！
在这里插入图片描述
“Redefined with AI.”是什么鬼？难不成这个编辑器已经被AI化了？
正在我狐疑间，页面顶端诡异地浮现出一行字：

杵就完了！弹出一个小白对话框：

哦，这下大概明白了，它显然是想试图打开VS Code，然后在我的VS Code里安装那个“GitHub Copilot Free”。
算了，暂时压抑下垂涎欲滴的好奇心吧，现阶段还是想要个单纯一点儿的VS Code。
再说了，那个Copilot好像是GPT的近亲，我华夏子孙，也不知道能不能用。

二、安装

安装一路都是下一步，重点有几个安装选项：

添加到PATH：建议勾选此选项，以便在命令行中直接使用VS Code。
通过Code打开操作添加到Windows资源管理器文件/目录上下文菜单：勾选此选项后，可以对文件使用鼠标右键，选择用VS Code打开。
将Code注册为受支持的文件类型的编辑器：如果不希望VS Code成为默认的文件编辑器，可以取消勾选此选项。

默认勾选“添加到PATH”和“将Code注册为受支持的文件类型的编辑器”，老金没做改动，俺就偏受原装的。

三、主界面

3.1 欢迎页面

首次启动后会显示一个黑咕隆咚的全英文欢迎界面，这里面是一些操作向导，推荐套餐如下：

Use Al features with Copilot for free（使用免费的AI Copilot ）
Choose your theme（设置颜色主题）
Rich support for all your languages（语言扩展支持：添加python什么的）
Tune your settings（自定义设置）
Unlock productivity with the Command Palette（命令面板：用敲命令代替鼠标）
Watch video tutorials（视频教程）

这是个临时页面，如果你不小心把它点没了，就再也回不来了。
虽然你可以点击顶部菜单中的三个点，然后点击【Help】→【Welcome】找回来welcome来。

但她已不是曾经的她。
这个“Welcome 页面”清爽多了，只包含了最近项目、新建文件/文件夹等。

3.2 界面概览

主体框架四大块：

菜单栏：上面一大排。用过电脑的都知道，各种菜谱任君选择。
编辑器区域：中间一大片。用于编写代码。
侧边栏：左侧一大条。搞搞文件、搜索、Git、调试、扩展。
状态栏：底部一长串。显示各种状态。

四、上手

把弄软件和把妹一样，都着急上手。
以最流行的python为例，

新建文件：Ctrl+N → 保存为 .py 文件（自动识别为 Python 代码）。
键入代码：print(“Hello world!”)。现在代码高亮啥的都有了，但是只能用Python自己的IDLE打开、运行。
如果想在VS Code中运行，就必须要安装 Python 扩展。
安装 Python 扩展
当你保存为.py文件后，右下角会自动提示安装“ Python 扩展”，还真是贴心啊。点击“Install”。

不幸的是，老金装完弹出一个这样的提示：

相信你们都不会遇到这样的问题，老金用的是单位电脑，使用权限被管理员各种限制，所以出现了此问题，后文会附有问题的解决方案，感兴趣的可以看下，这里就不说了。
如果安装没有问题，那么现在就大功告成了，可以直接在VS Code运行python程序了。
直接选择菜单 Run ▶ Run Without Debugging 或按 Ctrl + F5就可以运行了。
或者点一下右上角的类似于播放按钮的三角形图标：

当然你还可以点下它右侧的小箭头，可以享受更多的特别服务，具体都是啥意思各位自己研究吧。

五、配置

4.1 核心配置

选择菜单 File（文件）> Preferences（首选项）> Settings（设置）。
快捷键：Ctrl+,。
有两种设置方式：

图形化设置：就是有图形界面供你设置，适合小白。设置界面有一个标题为 Commonly Used（常用）的列表，单击其中的子标题即可设置字体、主题、缩进等。也可通过搜索关键词进行快速设置。

JSON 配置：点击右上角「Open Settings(JSON)」图标，直接直接用代码设置。
配置示例：

{
  "editor.fontSize": 14,
  "editor.tabSize": 2,
  "files.autoSave": "afterDelay",
  "editor.formatOnSave": true,
  "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
  "workbench.colorTheme": "Default Dark+"
}

在这里插入图片描述

4.2 扩展插件（Extensions）

安装方式
- 侧边栏点击「扩展」图标（或 Ctrl+Shift+X），搜索并安装。
常用扩展推荐
- 语言支持：Python、Java、C/C++、JavaScript 等官方插件。
- 工具类：
  - Prettier：代码自动格式化。
  - GitLens：增强 Git 功能。
  - ESLint：JavaScript 代码检查。
- 主题：Material Theme、One Dark Pro。

4.3 变更颜色主题

VS Code 默认使用深色主题。如果要更改颜色主题，可选择菜单File（文件）> Preferences（首选项）> Color Theme（颜色主题），或者按Ctrl+K Ctrl+T，将打开一个下拉列表，快速选择主题。

4.4 配置中文界面

在左侧边栏中找到设置图标（齿轮形状），点击Command Palette（命令面板）后搜索“Chinese”，然后点击“install”按钮安装中文语言包。安装完成后，点击Change Language and Restart”按钮重启VS Code，即可切换到中文界面。

4.5 快捷键

常用快捷键
- Ctrl+P：快速文件跳转。
- Ctrl+Shift+P：打开命令面板。
- F5：启动调试。
- `Ctrl+``：打开集成终端。
- Ctrl + ]：缩进代码块。Ctrl + [取消代码块缩进
查看所有快捷键
- File（文件） > Preferences（首选项）> Keyboard Shortcuts（键盘快捷方式），使用
  搜索栏来查找特定的快捷键。

附：
老金装完python扩展后弹出一个这样的提示：
在这里插入图片描述
在上面的目录中手动双击powershell.exe文件，结果弹出：

我恨呐！
这个问题叫做“终端进程启动失败（The terminal process failed to launch）”，产生的原因在于老金用的是单位电脑，使用权限受到限制。解决的方法就是换一个终端。
操作步骤：