VS Code的使用
Visual Studio Code(简称VS Code)是一款由微软开发的轻量级、强大且高度可定制化的代码编辑器,广受开发者欢迎。本文将详细介绍VS Code的安装、卸载、菜单和窗口结构,并以Python和Markdown插件为例子讲述其使用方法。
Visual Studio Code(简称VS Code)是一款由微软开发的轻量级、强大且高度可定制化的代码编辑器,广受开发者欢迎。本文将详细介绍VS Code的安装、卸载、菜单和窗口结构,并以Python和Markdown插件为例子讲述其使用方法。
1. VS Code 安装
1.1 在 Windows 上安装
-
下载 VS Code 安装包:
- 访问VS Code官方网站:https://code.visualstudio.com/
- 点击主页上的“Download for Windows”按钮,下载适合你系统架构(x64 或 x86)的安装包。
-
运行安装程序:
- 下载完成后,双击运行安装程序
VSCodeSetup.exe
。
- 下载完成后,双击运行安装程序
-
安装向导流程:
- 接受许可协议,点击“Next”。
- 选择安装路径,点击“Next”。
- 选择开始菜单选项,点击“Next”。
- 选择附加任务选项,如“添加到 PATH(环境变量)”,根据需要勾选,点击“Next”。
- 点击“Install”开始安装。
-
完成安装:
- 安装结束后,勾选“运行 Visual Studio Code”选项,点击“Finish”。
1.2 在 macOS 上安装
-
下载 VS Code 安装包:
- 同样访问VS Code官方网站,点击“Download for Mac”按钮。
-
安装步骤:
- 下载
.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 上卸载
- 打开“控制面板”。
- 导航到“程序和功能”。
- 在列表中找到“Visual Studio Code”,右键单击它,选择“卸载”。
或:
- 通过开始菜单搜索“添加或删除程序”并打开。
- 在搜索框中输入“Visual Studio Code”,选择并点击“卸载”。
2.2 在 macOS 上卸载
- 打开“Finder”。
- 导航到“应用程序”。
- 将“Visual Studio Code.app”拖到垃圾桶中。
- 清空垃圾桶。
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 插件
- 以上述方式打开 VS Code。
- 点击活动栏中的Extensions图标。
- 在搜索框中输入“Python”,选择由 Microsoft 提供的插件,点击“Install”。
4.2 配置 Python 环境
- 打开命令面板(
Ctrl+Shift+P
或Cmd+Shift+P
)。 - 输入并选择“Python: Select Interpreter”,选择你要使用的解释器。
4.3 编写和运行 Python 代码
- 创建一个新的 Python 文件(文件扩展名为
.py
)。 - 编写一些代码,例如:
print("Hello, World!")
- 保存文件,右键点击编辑器区域选择“Run Python File in Terminal”或者使用快捷键
Ctrl+F5
(没有调试)。
4.4 调试 Python 代码
- 设置断点:点击行号左侧空白区域。
- 打开命令面板(
Ctrl+Shift+P
),选择“Debug: Open launch.json”。 - 选择“Add Configuration”,选择“Python File”。
- 回到代码文件,按
F5
开始调试。
5. Markdown 插件使用
5.1 安装 Markdown 插件
- 打开 VS Code,进入扩展菜单。
- 搜索“Markdown”,安装由“Yasuaki Oshima”提供的“Markdown Preview Enhanced”或者其他流行插件。
5.2 编写 Markdown 文档
- 创建一个新的 Markdown 文件(文件扩展名为
.md
)。 - 编写一些 Markdown 语法,例如:
# 大标题 ## 中标题 - 列表项1 - 列表项2
- 在 Markdown 文件里,你可以用
Ctrl+Shift+V
(Windows/Linux) 或Cmd+Shift+V
(macOS) 来预览渲染效果。
5.3 使用 Markdown Preview Enhanced
- 编写文档内容,如:
# 示例标题 这是一个示例 Markdown 文档。 ```python print("Hello in Markdown!")
- 右键文件空白处,选择“Markdown Preview Enhanced: Open Preview to the Side”,以侧边栏预览效果。
6.小结
Visual Studio Code 是一款功能强大且直观的代码编辑器,通过扩展插件,可以轻松实现各种编程语言和文档格式的支持。通过上述步骤,能够顺利地安装、配置、使用和卸载 VS Code,同时利用 Python 和 Markdown 插件提高开发效率。
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)