❤ vscode安装配置和使用全系列

❤ vscode安装配置和使用全系列

一、下载安装

二、常见设置

1、vscode设置中文模式🌟

【window系统】
ctrl+shift+p打开命令窗口找到Configure Display Language点击;

【MAC 】
command+shift+p打开命令窗口找到Configure Display Language点击

2、VSCode 菜单栏🌟

使用快捷键Ctrl+Shift+P调出VSCode的执行命令的输入框
输入命令view:toggle menu bar
上头的菜单栏又重新回来了

3、vscode任务栏图标不显示怎么办🌟

实测:最简单直接的方法,找到VScode,然后右键,创建快捷方式,然后把它移动到桌面上

4、设置自动换行🌟

自动换行指的是当一行代码的长度达到了窗口边缘时,就会自动放在下一行去显示。
点击文件菜单项之后使用快捷键Ctrl+,打开设置窗口,然后输入Word Warp就会出现和字符数量有关的限制,设置为不是off的就可以自动换行了

5、vscode快捷键格式化时候标签不换行🌟

使用快捷代码格式时经常会遇到标签换行,处理方式如下

打开vscode的 >文件 > 首选项 >设置>工作台>外观>打开setting.json文件对vscode进行配置

 "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
   
        "js-beautify-html": {
   
        "wrap_attributes": "auto"
      },
    }

如下图
在这里插入图片描述
重新:shift+alt+f 搞定收工

6、自定义代码:设置log得时候自动输出console.log()

  1. 打开命令面板(快捷键Ctrl+Shift+P或Cmd+Shift+P)
  2. 输入Configure User Snippets 命令
  3. 选择你需要的代码格式
    在这里插入图片描述
    进入配置项
    在这里插入图片描述
    放开console.log() 的配置项
    在这里插入图片描述
    效果:
    在这里插入图片描述
    配置成功!

三、配置VSCode插件推荐🌟

1、设置背景图片

(1)下载background-cover插件
(2)下载了插件以后,点击vscode右下方按钮,然后选择背景图,重启vscode即可
  • 效果图

2、美化代码颜色 Bracket Pair Colorizer

在这里插入图片描述

  • 颜值插件
  • 其关注于将不同层次的括号,包括圆括号、方括号和花括号用不同颜色进行渲染和连接,方便用户识别。

3、美化注释代码 Better Comment

在这里插入图片描述
Better Comment就是在视觉上方便对不同类型的注释进行标记的插件
在这里插入图片描述

其他插件

3、Auto Close Tag 自动补全标签 必备
4、Auto Rename Tag 修改标签名 自动同步修改闭合标签的标签名
5、LeetCode 力扣刷算法题的插件
6、Image preview 图片预览插件
7、自动补全代码插件:aiXcoder
8、自动补全代码插件:Kite

四、环境配置

vscode配置C语言环境

VSCode毕竟是一个高级的编辑器,只能用来写C/C++代码,不能直接编译代码。
所以,如果我们要能使用VSCode搭建C/C++的编译和调试环境,还必须有编译器使用。

使用MinGw-w64 ,MinGw-w64移植到windows平台的一个gcc编译器,使用起来也是非常方便的。
下面我们就演示怎么下载和配置MinGw-w64。
① 下载和配置MinGw-w64编译器套件

下载地址

点击进入下载
在这里插入图片描述
② 解压后放到D盘下:
在这里插入图片描述

③ 配置环境变量

在这里插入图片描述
检测安装
cmd进入

gcc --version

在这里插入图片描述
④ code安装 C/C++安装包

在这里插入图片描述
安装运行插件
在这里插入图片描述

⑤ 设置C/C++编译的选项: c_cpp_properties.json

运行
在这里插入图片描述

在这里插入图片描述

————————————————

相关推荐

  1. Mac上后端环境工具安装使用

    2024-01-27 21:52:01       66 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-27 21:52:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-27 21:52:01       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-27 21:52:01       82 阅读
  4. Python语言-面向对象

    2024-01-27 21:52:01       91 阅读

热门阅读

  1. GO——context

    2024-01-27 21:52:01       58 阅读
  2. RAG(检索增强生成)在LLM(大型语言模型)中的应用

    2024-01-27 21:52:01       34 阅读
  3. 字符串函数strncpy、strncat、strncmp的功能(3)

    2024-01-27 21:52:01       64 阅读
  4. Android中C++层fstream用法详解

    2024-01-27 21:52:01       47 阅读
  5. CSS--样式穿透

    2024-01-27 21:52:01       65 阅读
  6. Mysql 索引优化

    2024-01-27 21:52:01       62 阅读
  7. K8S、keepalived、haproxy 高可用集群实战

    2024-01-27 21:52:01       47 阅读
  8. CentOS 7 上使用 wget 安装 Nginx 并设置开机自启

    2024-01-27 21:52:01       53 阅读
  9. Dubbo 3.x:探索阿里巴巴的开源RPC框架新技术

    2024-01-27 21:52:01       57 阅读
  10. C#学习笔记_StringBuilder+程序效率测试

    2024-01-27 21:52:01       57 阅读