VScode使用教程(HTML、C++、Python、Java)

VScode使用教程

目录

  • VScode使用教程
    • @[TOC](目录)
    • 1. 完全卸载vscode
    • 2. 安装VScode
    • 4. 安装基础插件
    • 3. 设置中文界面
    • 5.运行HTML文件
    • 6. 运行C/C++程序
    • 7.配置python环境
      • 7.1.使用传统python环境
      • 7.2.使用 Anaconda 环境
      • 7.3.选择解释器(电脑有多个python环境)
    • 8.配置Java环境

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


1. 完全卸载vscode

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

  1. 首先我们先基础卸载软件。找到相应的卸载程序,或者使用电脑管家效果也是相同的。VScode使用教程(HTML、C++、Python、Java)_第1张图片

  2. 删除之前的插件文件:VScode使用教程(HTML、C++、Python、Java)_第2张图片

  3. 删除之前的缓存文件:VScode使用教程(HTML、C++、Python、Java)_第3张图片

2. 安装VScode

  • 大家可以去官网下载。(不过应该会比较慢)

  • 这里也为读者提供了度盘下载链接:https://pan.baidu.com/s/1V8UTpJIVHO39DtX4MwIUhQ?pwd=1220
    ​ 提取码:1220

这里直接无脑安装即可。
VScode使用教程(HTML、C++、Python、Java)_第4张图片

4. 安装基础插件

  1. Code Runner
    介绍:Code Runner 是一个非常实用的扩展,它可以帮助你更轻松地运行和调试代码。
    VScode使用教程(HTML、C++、Python、Java)_第5张图片
    但是在执行中文时会出现乱码情况,要设置一下。
    VScode使用教程(HTML、C++、Python、Java)_第6张图片

  2. Rainbow Brackets
    介绍:可以让代码的括号呈现彩色,看起来更方便,提高代码可读性。
    VScode使用教程(HTML、C++、Python、Java)_第7张图片

  3. Material Theme
    介绍:主题插件
    VScode使用教程(HTML、C++、Python、Java)_第8张图片

3. 设置中文界面

  1. 来到插件市场。VScode使用教程(HTML、C++、Python、Java)_第9张图片

  2. 安装简体中文插件。VScode使用教程(HTML、C++、Python、Java)_第10张图片

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

5.运行HTML文件

  1. 打开一个准备好的HTML文件,也可以新建,这里为了节约时间手打了一个基础的hello word页面。VScode使用教程(HTML、C++、Python、Java)_第11张图片

  2. 点击运行即可自动跳转到浏览器页面。VScode使用教程(HTML、C++、Python、Java)_第12张图片

6. 运行C/C++程序

  1. 安装C/C++插件。VScode使用教程(HTML、C++、Python、Java)_第13张图片
    VScode使用教程(HTML、C++、Python、Java)_第14张图片

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

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

    2. 配置环境

      1. 复制bin目录地址.VScode使用教程(HTML、C++、Python、Java)_第15张图片

      2. 到系统的环境变量当中。VScode使用教程(HTML、C++、Python、Java)_第16张图片
        VScode使用教程(HTML、C++、Python、Java)_第17张图片
        VScode使用教程(HTML、C++、Python、Java)_第18张图片

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

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

      输入:

      g++ --version 
      gdb --version
      

      若成功,会出现此页面。VScode使用教程(HTML、C++、Python、Java)_第19张图片

  3. 运行C程序。

    1. 生成tasks.json文件。
      VScode使用教程(HTML、C++、Python、Java)_第20张图片

    2. 运行程序。VScode使用教程(HTML、C++、Python、Java)_第21张图片

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

7.配置python环境

7.1.使用传统python环境

  1. 下载python安装包并安装
    可以移步到官网:https://www.python.org/
    笔者也准备了度盘链接:链接:https://pan.baidu.com/s/1ls9lpkPNEP_9AS2AFbW-Cg?pwd=1220
    提取码:1220
    VScode使用教程(HTML、C++、Python、Java)_第22张图片
    VScode使用教程(HTML、C++、Python、Java)_第23张图片
  2. 配置环境
    VScode使用教程(HTML、C++、Python、Java)_第24张图片
    VScode使用教程(HTML、C++、Python、Java)_第25张图片
  3. 安装插件
    VScode使用教程(HTML、C++、Python、Java)_第26张图片
  4. 运行python文件
    VScode使用教程(HTML、C++、Python、Java)_第27张图片

7.2.使用 Anaconda 环境

  1. 下载Anaconda安装包并安装
    可以移步到官网:https://www.anaconda.com/
    笔者也准备了度盘链接:https://pan.baidu.com/s/1fhY8-FOqndsbln8Abbe3Vw?pwd=6666
    VScode使用教程(HTML、C++、Python、Java)_第28张图片
    VScode使用教程(HTML、C++、Python、Java)_第29张图片
  2. 配置环境变量
    VScode使用教程(HTML、C++、Python、Java)_第30张图片
    VScode使用教程(HTML、C++、Python、Java)_第31张图片
  3. 下载python和jupyter插件(两个插件都需要安装)
    VScode使用教程(HTML、C++、Python、Java)_第32张图片
    VScode使用教程(HTML、C++、Python、Java)_第33张图片
  4. 运行test.ipynb文件
    VScode使用教程(HTML、C++、Python、Java)_第34张图片

7.3.选择解释器(电脑有多个python环境)

  1. 快捷键Shift+Ctrl+P
    VScode使用教程(HTML、C++、Python、Java)_第35张图片
  2. 选择想添加的解释器
    VScode使用教程(HTML、C++、Python、Java)_第36张图片

8.配置Java环境

  1. 下载jdk安装包并安装
    可以移步到官网:https://www.oracle.com/java/technologies/downloads/
    笔者也准备了度盘链接:链接:https://pan.baidu.com/s/122vNxmKveDM3Gxsc4zFrmA?pwd=1220
    VScode使用教程(HTML、C++、Python、Java)_第37张图片
  2. 配置jdk环境
    VScode使用教程(HTML、C++、Python、Java)_第38张图片
    在这里插入图片描述
  3. 安装相关插件
    VScode使用教程(HTML、C++、Python、Java)_第39张图片
  4. 运行Java文件
    VScode使用教程(HTML、C++、Python、Java)_第40张图片

你可能感兴趣的:(其他,vscode,c++,html,python,java)