VScode使用教程（HTML、C++、Python、Java）

已于 2023-07-05 12:42:20 修改
阅读量3.4k 收藏 66
点赞数 8
分类专栏： 其他 文章标签： vscode c++ html python java
于 2023-04-21 00:58:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liyankang/article/details/130278795
版权
VScode是一款轻量级代码编辑器，支持多种编程语言和丰富的插件扩展。文章详细介绍了如何卸载和安装VScode，安装基础插件如CodeRunner、RainbowBrackets和MaterialTheme，以及如何设置中文界面。此外，还讲解了运行HTML、C/C++和Python程序的步骤，包括配置Python环境和选择解释器。对于Java环境的配置和插件安装也有涉及。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

VScode使用教程

目录

初识VScode:
VS Code是一款轻量级的代码编辑器，具有以下特点：
1. 内置丰富的代码编辑功能，如语法高亮、智能代码补全、代码片段等，提高编码效率；
2. 支持多种编程语言，如JavaScript、Python、Java等，满足不同开发需求；
3. 可以通过插件扩展功能，如Git版本控制、代码格式化、代码调试等，提高开发效率；
4. 支持多平台，如Windows、MacOS、Linux等，方便不同操作系统的开发者使用；
5. 免费且开源，可以自由使用和修改，符合开源精神。

1. 完全卸载vscode

如果有的读者之前配置混乱了，建议将软件彻底清除再安照下面的方法进行安装和配置。

  1. 首先我们先基础卸载软件。找到相应的卸载程序，或者使用电脑管家效果也是相同的。在这里插入图片描述

  2. 删除之前的插件文件：在这里插入图片描述

  3. 删除之前的缓存文件：在这里插入图片描述

2. 安装VScode

这里直接无脑安装即可。
在这里插入图片描述

4. 安装基础插件

  1. Code Runner
    介绍：Code Runner 是一个非常实用的扩展，它可以帮助你更轻松地运行和调试代码。
    在这里插入图片描述
    但是在执行中文时会出现乱码情况，要设置一下。
    在这里插入图片描述

  2. Rainbow Brackets
    介绍：可以让代码的括号呈现彩色，看起来更方便，提高代码可读性。
    在这里插入图片描述

  3. Material Theme
    介绍：主题插件
    在这里插入图片描述

3. 设置中文界面

  1. 来到插件市场。在这里插入图片描述

  2. 安装简体中文插件。在这里插入图片描述

  3. 安装完成之后退出重新进去就完成了。

5.运行HTML文件

  1. 打开一个准备好的HTML文件，也可以新建，这里为了节约时间手打了一个基础的hello word页面。在这里插入图片描述

  2. 点击运行即可自动跳转到浏览器页面。在这里插入图片描述

6. 运行C/C++程序

  1. 安装C/C++插件。在这里插入图片描述
    在这里插入图片描述

  2. 配置环境（已经有的小伙伴可以跳过）

    1. 获取Mingw-w64安装包。
      官网下载地址
      笔者也为读者准备了度盘下载地址: 提取码：1220

    2. 配置环境

      1. 复制bin目录地址.在这里插入图片描述

      2. 到系统的环境变量当中。在这里插入图片描述
        在这里插入图片描述
        在这里插入图片描述

    3. 测试环境配置是否正确。

      win+r，输入cmd，打开控制台。

      输入：

      g++ --version 
gdb --version

      若成功，会出现此页面。在这里插入图片描述

  3. 运行C程序。

    1. 生成tasks.json文件。
      在这里插入图片描述

    2. 运行程序。在这里插入图片描述

    3. 查看输出结果。在这里插入图片描述

7.配置python环境

7.1.使用传统python环境

  1. 下载python安装包并安装
    可以移步到官网：https://www.python.org/
    笔者也准备了度盘链接：链接：https://pan.baidu.com/s/1ls9lpkPNEP_9AS2AFbW-Cg?pwd=1220
    提取码：1220
    在这里插入图片描述
    在这里插入图片描述
  2. 配置环境
    在这里插入图片描述
    在这里插入图片描述
  3. 安装插件
    在这里插入图片描述
  4. 运行python文件
    在这里插入图片描述

7.2.使用 Anaconda 环境

​

  1. 下载Anaconda安装包并安装
    可以移步到官网：https://www.anaconda.com/
    笔者也准备了度盘链接：https://pan.baidu.com/s/1fhY8-FOqndsbln8Abbe3Vw?pwd=6666
    ​在这里插入图片描述
    在这里插入图片描述
  2. 配置环境变量
    在这里插入图片描述
    在这里插入图片描述
  3. 下载python和jupyter插件（两个插件都需要安装）
    在这里插入图片描述
    在这里插入图片描述
  4. 运行test.ipynb文件
    在这里插入图片描述

7.3.选择解释器（电脑有多个python环境）

  1. 快捷键Shift+Ctrl+P
    在这里插入图片描述
  2. 选择想添加的解释器
    在这里插入图片描述

8.配置Java环境

  1. 下载jdk安装包并安装
    可以移步到官网：https://www.oracle.com/java/technologies/downloads/
    笔者也准备了度盘链接：链接：https://pan.baidu.com/s/122vNxmKveDM3Gxsc4zFrmA?pwd=1220
    在这里插入图片描述
  2. 配置jdk环境
    在这里插入图片描述
    在这里插入图片描述
  3. 安装相关插件
    在这里插入图片描述
  4. 运行Java文件
    在这里插入图片描述
vscode 教程
05-10
vscode 的中文教程。
vscode安装使用教程
热门推荐
weixin_43748812的博客
12-11 18万+
一、什么是vscode**     Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及...
VSCode配置html运行环境
最新发布
qq_38683187的博客
03-24 1771
这里有15个有助于写html的插件，最后两个插件是AI模型，不论是html还是其他高级语言，都能用到。适用于VS Code的中文（简体）语言包。安装完毕之后，点击右下角的“Change Language and Restart”按钮，重新启动服务。自动重命名标签示例：假如你有如下的html代码： 当你修改 标签为 时， 标签会自动变为 。同样，如果你修改 为 ， 也会自动变为 它为HTML文件中的CSS类名和 id 提供智能提示和自动补全功能。它是一个内置的代码片段扩展，它提供了一系列常用
VSCode教程
南宫封清的博客
12-27 748
推荐插件 Bracket Pair Colorizer2 括号阻止开发人员活着的祸害。 使用大量嵌套代码，几乎不可能确定哪些括号彼此匹配。 Bracket Pair Colorizor（如你所料）为括号匹配颜色，以使代码更具可读性。 相信我，你想要！ Markdown All in One & Markdown Preview Enhanced 喜欢写作的朋友福利来了！让Markdown更好的在 VScode 进行编辑和预览，查看这两个组件的详情就知道了，非常简洁明了。 Material Icon
VScode使用教程
xiaotiig的博客
10-23 4235
vscode的使用
VSCode使用教程
qiaofan_乔凡的博客
06-18 868
VSCode使用教程       VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。 1.VSCode下载 VSCode下载链接: https://code.visualstudio.com/ 2.VSCode汉化 3.VSCode常用插件(安装步骤同汉化)       3.1 
VSCode上搭建C/C++开发环境（vscode配置c/c++环境）Windows系统---保姆级教程
2303_79329831的博客
03-01 7万+
关于VSCode上搭建C/C++开发环境的内容，到这里就结束了，这里博主感叹一下，VSCode真的挺强大的，作为一个编辑器，可以通过和编译器链接成为开发环境，将环境配置好的话，在这上面写代码似乎也是个不错的选择。大家有任何疑问，欢迎在评论区中提出，本篇博客有任何问题和错误也欢迎来和博主讨论，真心希望能和大家一起进步。最后，如果本篇博客对你有帮助的话，能不能给博主一个三连啊！
vscode配置C、C++环境详细教程.pdf
03-27
### VSCode配置C/C++环境详细教程 #### 一、VSCode简介 **Visual Studio Code**（简称“VS Code”）是由微软公司在2015年4月30日的Build开发者大会上正式发布的一款跨平台源代码编辑器。它支持在Mac OS X、Windows...
Linux下vscode配置C++和python编译调试环境
a8598671的博客
09-13 2304
Visual Studio Code (简称 VSCode) 是由微软开发的一款免费、开源、跨平台的代码编辑器。它支持 Windows、macOS 和 Linux 操作系统，并且内置对多种编程语言的支持，包括但不限于 C/C++、Python、JavaScript、TypeScript、Java 和 Go 等。VSCode 主要用于编写、调试和运行代码，并且提供了丰富的扩展支持。
vscode安装使用，开发python项目环境配置
juzijunjun的博客
12-14 756
vscode简介 # 1.开源，免费，跨平台。 # 2. 有完善的插件生态，VSCode 的插件功能种类繁多，从代码样式更改到代码提示补全，再到代码运行调试格式化，只要找到相应的插件，就能给自己的 VSCode 添加相应的功能。
VScode开发工具的使用教程
06-27
VS Code 的全称是 Visual Studio Code，是⼀款开源的、免费的、跨平台的、⾼性能的、轻量级的代码编辑器。...了完整的C/C++ 、Java、Python、Go 、Android等集成开发⼯具。类似于Eclipse IDE，只需要⼀键安装即可。
VScode 详细教程
贝西奇谈
10-21 1万+
一、VScode 安装 VScode 官网地址：https://code.visualstudio.com/ 你也可以打开下载页面 https://code.visualstudio.com/download，下载想要的格式包： 安装过程较为简单，略过。 二、界面说明 以下是 VScode 启动后的界面，简单说明如图： 三、VScode用户设置 文件–首选项–设置，打开用户设置。 四、常用的快捷键 重开一行：光标在行尾的话，回车即可；不在行尾，ctrl + enter 向下重开一行；ctrl+shif
VScode 基础使用教程
.SAI.的博客
11-28 9607
从零开始简单学VScode
VScode使用教程（菜鸟版）
L5887876989的博客
06-21 15万+
VScode安装好之后，我们还要知道，VScode毕竟是一个高级的编辑器，只能用来写C/C++代码，不能直接编译代码。同时，它还支持插件扩展，通过丰富的插件，用户能获得更多高效的功能。如果你的代码还是单独的一个.c文件，在当前打开文件夹中就可以编写，那就直接在当前打开的文件夹中新建.c源文件，编写代码，对当前的代码，直接执行【终端】->【运行生成任务】前面讲解的都是如何去编码代码，当我们生成一个可支持程序的时候，如果遇到了bug，我们就要想办法调试代码，那VScode如何调试代码呢？
VSCode详细使用教程
weixin_45408840的博客
09-10 5877
1、百度下载VSCode VSCode下载链接:https://code.visualstudio.com/ 2、VSCode汉化 在左边菜单点击最后一个，然后输入Chinese 点击安装，重启VSCode 如下图： 3、VSCode常用插件(安装步骤同汉化) 3.1、Vetur(Vue多功能集成插件，错误提示等) 3.2、View In Browser 3.3、Vue-format 3.4、Prettier - Code formatter 3.5、创建C# ...
vscode配置使用教程
xuangelouzhu的博客
03-13 1593
一、软件下载 官网下载地址 二、学习网址 1、 知乎 ：史上最全vscode配置使用教程 2、 VS code安装和使用技巧
VSCode入门教程(2.0)
张晴UU的博客
05-27 1305
很多小伙伴们只是听说VSCode有多牛……看了这篇文章你会相信是真的！
VSCode安装配置与开发调试（详细教程）
m0_37383484的博客
03-08 5365
VSCode安装配置与开发调试（详细教程）
VSCode 使用教程：项目使用配置、使用哪些插件、Live Server使用问题及解决方案(你想要的，都在这里)
狮子座的男孩
11-26 4418
插件打开文件夹下的文件，就类似于从服务器上访问该文件，且代码出现改动后，可以自动刷新;// 由于被打开的文件只是一个单独的文件，而非存在于一个文件夹内，因此在右键点击。：当文件信息修改后，只要切换成其它文件，上个文件的修改信息就会自动保存;//且在切换其它文件时，该双击打开的文件会在窗口保存，不会被覆盖;//且在切换其它文件时，该单击打开的文件不会在窗口保存，会被覆盖;)，即：写好代码后，延迟多少毫秒会自动保存;)后，再打开时间线，通过点击时间线中不同的。)后，再打开大纲，发现该文件中的。
vscode可以同时配置cpp、java、python吗
03-16
### 配置 VSCode 同时支持 C++、Java 和 Python 开发 为了在 Visual Studio Code (VSCode) 中同时配置 C++、Java 和 Python 的开发环境，需要安装必要的扩展以及设置相应的工具链。以下是详细的说明： #### 安装必备组件 1. **Python 支持** 安装 Python 扩展并确保本地已安装 Python 解释器。可以通过 `Ctrl+Shift+P` 调出命令面板，输入 “Python: Select Interpreter”，选择合适的解释器版本[^1]。 2. **C++ 支持** 安装 Microsoft 提供的官方 C/C++ 扩展，并配置 MinGW 或 MSVC 编译器链。对于 Windows 用户，推荐下载并安装 MinGW 工具包以获得 GCC 编译器的支持。 3. **Java 支持** 使用 Java Extension Pack 来快速启用 Java 功能。此扩展包包含了 Language Support for Java(TM) by Red Hat、Debugger for Java 等必要插件[^2]。 #### 设置工作区文件夹结构 建议创建一个多语言项目的工作目录树如下所示： ```plaintext project/ ├── .vscode/ # 存放全局配置文件 │ ├── c_cpp_properties.json # C++ IntelliSense 配置 │ ├── launch.json # 调试启动项定义 │ └── settings.json # 自定义用户偏好设定 ├── src-cpp/ # C++ 源码路径 ├── src-java/ # Java 源码路径 └── src-python/ # Python 源码路径 ``` #### 示例调试配置 (`launch.json`) 下面是一个多语言项目的通用调试配置示例： ```json { "version": "0.2.0", "configurations": [ { "name": "(gdb) Launch C++", "type": "cppdbg", "request": "launch", "program": "${workspaceFolder}/src-cpp/main.exe", "args": [], "stopAtEntry": false, "cwd": "${workspaceFolder}", "environment": [] }, { "name": "Java Application", "type": "java", "request": "launch", "mainClass": "com.example.Main", // 替换为主类名 "projectName": "YourProject" }, { "name": "Python Program", "type": "python", "request": "launch", "program": "${file}" } ] } ``` 通过上述方法可以实现单一 IDE 下多种编程语言共存的目标，从而减少切换不同编辑器的时间成本[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

悟解了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值