Visual Studio Code(简称VS Code)是一款由微软开发的轻量级、强大且高度可定制化的代码编辑器,广受开发者欢迎。本文将详细介绍VS Code的安装、卸载、菜单和窗口结构,并以Python和Markdown插件为例子讲述其使用方法。
在这里插入图片描述

1. VS Code 安装

1.1 在 Windows 上安装
  1. 下载 VS Code 安装包

    • 访问VS Code官方网站:https://code.visualstudio.com/
    • 点击主页上的“Download for Windows”按钮,下载适合你系统架构(x64 或 x86)的安装包。
  2. 运行安装程序

    • 下载完成后,双击运行安装程序VSCodeSetup.exe
  3. 安装向导流程

    • 接受许可协议,点击“Next”。
    • 选择安装路径,点击“Next”。
    • 选择开始菜单选项,点击“Next”。
    • 选择附加任务选项,如“添加到 PATH(环境变量)”,根据需要勾选,点击“Next”。
    • 点击“Install”开始安装。
  4. 完成安装

    • 安装结束后,勾选“运行 Visual Studio Code”选项,点击“Finish”。
1.2 在 macOS 上安装
  1. 下载 VS Code 安装包

    • 同样访问VS Code官方网站,点击“Download for Mac”按钮。
  2. 安装步骤

    • 下载.zip文件后,打开并解压。
    • 将解压后的Visual Studio Code.app拖放至Applications文件夹中。
1.3 在 Linux 上安装
  • Ubuntu/Debian 系列

    sudo apt update
    sudo apt install wget gpg
    wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
    sudo install -o root -g root -m 644 microsoft.gpg /usr/share/keyrings/
    sudo sh -c 'echo "deb [arch=amd64 signed-by=/usr/share/keyrings/microsoft.gpg] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'
    sudo apt install apt-transport-https
    sudo apt update
    sudo apt install code
    
  • Fedora/RHEL 系列

    sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
    sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'
    sudo dnf check-update
    sudo dnf install code
    

2. VS Code 卸载

2.1 在 Windows 上卸载
  1. 打开“控制面板”。
  2. 导航到“程序和功能”。
  3. 在列表中找到“Visual Studio Code”,右键单击它,选择“卸载”。

或:

  1. 通过开始菜单搜索“添加或删除程序”并打开。
  2. 在搜索框中输入“Visual Studio Code”,选择并点击“卸载”。
2.2 在 macOS 上卸载
  1. 打开“Finder”。
  2. 导航到“应用程序”。
  3. 将“Visual Studio Code.app”拖到垃圾桶中。
  4. 清空垃圾桶。
2.3 在 Linux 上卸载
  • Ubuntu/Debian 系列

    sudo apt remove code
    
  • Fedora/RHEL 系列

    sudo dnf remove code
    

3. VS Code 菜单和窗口结构

VS Code 的主窗口界面由以下几个部分组成:

3.1 活动栏(Activity Bar)

位于左侧,包含以下图标:

  • Explorer (资源管理器):查看和管理文件及项目。
  • Search (搜索):在项目中进行文本搜索。
  • Source Control (源控件):集成 Git 等版本控制系统。
  • Run/Debug (运行/调试):管理调试配置,并快速启动调试。
  • Extensions (扩展):浏览和管理扩展插件。
3.2 侧栏(Side Bar)

显示活动栏中的所选面板内容。

  • 在资源管理器里,可以浏览项目目录、打开文件。
  • 在源控件里,可以查看和提交Git更改。
3.3 编辑器区域(Editor Area)

中心区域用于编辑文件,支持多标签页。

3.4 面板(Panel)

位于底部,通常用来显示输出、终端、调试控制台和问题等窗格。

  • 可以使用快捷键 Ctrl+ 来开启关闭。
3.5 状态栏(Status Bar)

底部蓝色区域,显示当前文件信息、语言模式等。

  • 还可以看到 Git 分支、开启的通知等。
3.6 命令面板(Command Palette)

使用 Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS)调用,允许快速访问各种命令和功能。

4. Python 插件使用

4.1 安装 Python 插件
  1. 以上述方式打开 VS Code。
  2. 点击活动栏中的Extensions图标。
  3. 在搜索框中输入“Python”,选择由 Microsoft 提供的插件,点击“Install”。
4.2 配置 Python 环境
  1. 打开命令面板(Ctrl+Shift+PCmd+Shift+P)。
  2. 输入并选择“Python: Select Interpreter”,选择你要使用的解释器。
4.3 编写和运行 Python 代码
  1. 创建一个新的 Python 文件(文件扩展名为 .py)。
  2. 编写一些代码,例如:
    print("Hello, World!")
    
  3. 保存文件,右键点击编辑器区域选择“Run Python File in Terminal”或者使用快捷键 Ctrl+F5(没有调试)。
4.4 调试 Python 代码
  1. 设置断点:点击行号左侧空白区域。
  2. 打开命令面板(Ctrl+Shift+P),选择“Debug: Open launch.json”。
  3. 选择“Add Configuration”,选择“Python File”。
  4. 回到代码文件,按 F5 开始调试。

5. Markdown 插件使用

5.1 安装 Markdown 插件
  1. 打开 VS Code,进入扩展菜单。
  2. 搜索“Markdown”,安装由“Yasuaki Oshima”提供的“Markdown Preview Enhanced”或者其他流行插件。
5.2 编写 Markdown 文档
  1. 创建一个新的 Markdown 文件(文件扩展名为 .md)。
  2. 编写一些 Markdown 语法,例如:
    # 大标题
    ## 中标题
    - 列表项1
    - 列表项2
    
  3. 在 Markdown 文件里,你可以用 Ctrl+Shift+V (Windows/Linux) 或 Cmd+Shift+V(macOS) 来预览渲染效果。
5.3 使用 Markdown Preview Enhanced
  1. 编写文档内容,如:
    # 示例标题
    
    这是一个示例 Markdown 文档。
    
    ```python
    print("Hello in Markdown!")
    
  2. 右键文件空白处,选择“Markdown Preview Enhanced: Open Preview to the Side”,以侧边栏预览效果。

6.小结

Visual Studio Code 是一款功能强大且直观的代码编辑器,通过扩展插件,可以轻松实现各种编程语言和文档格式的支持。通过上述步骤,能够顺利地安装、配置、使用和卸载 VS Code,同时利用 Python 和 Markdown 插件提高开发效率。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐