Skip to content

vscode安装及配置


⭐ 安装包

软件安装包 :https://pan.baidu.com/s/1Uq9xdDGIRQLgtodbfB1DUA?pwd=maw3

VSCode官网下载地址:https://code.visualstudio.com/

mingw64官网下载地址:https://sourceforge.net/projects/mingw-w64/

1. 安装教程

配置环境变量

bash
自己的路径/mingw64/bin


检测 gcc 配置

bash
where gcc


调整控制台字体大小

bash
terminal font size


ctrl + 滚轮调整字体大小



2. 常用插件整理 ⭐

主题类

  • One Dark Pro:主题

  • One Monokai Theme:主题

  • Material Icon Theme:文件图标主题

markdown

  • Markdown Preview Enhanced:支持文章预览

  • Markdown Emoji:narkdown支持emoji,例如::smille: --->😄

功能类

  • Chinese (Simplified) (简体中文):汉化包

  • Error Lens:错误提示,警告

  • Competitive Programming Helper (cph):提供算法测试用例

  • CodeSnap:代码截图

3. Javaweb 配置

Javaweb 课程是跟着尚硅谷学习的,下面是课程中 vscode 部分的准备工作教学连接

  1. vscode 安装:点击跳转
  2. vscode 配置:点击跳转

相关插件安装

  1. 编程语言支持

    • Chinese (Simplified) Language Pack: 中文(简体)语言包
    • HTML CSS Support: HTML CSS 支持
    • JavaScript (ES6) code snippets :支持 ES6 语法提示
    • Vue 3 Snippets 在 Vue 2 或者 Vue 3 :提供语法高亮和格式化
    • Vue Official :一个专门为 Vue 3 构建的语言支持插件
    • Vetur: VScode 中的 Vue 工具插件
  2. 功能类

    • Live Server:实时加载功能的小型服务器 实时查看开发的网页或项目效果
    • Prettier-Code formatter: 代码美化格式化插件
    • Auto Rename Tag: 自动修改标签对插件
    • Auto Close Tag :自动闭合 HTML/XML 标签
    • Path Intellisense :路径提示插件
    • Image preview:图片预览插件
  3. 其他

    • open in browser: 通过浏览器打开当前文件的插件
    • vscode-icons :文件显示图标插件
    • Intellij IDEA Keybindings :IDEA 快捷键支持

说明

  • Live Server
    • 点击右下角 Go Live , 或者在 html 编辑视图上右击 open with live Server ,会自动启动小型服务器,并自动打开浏览器访问当前资源
    • Live Server 使用完毕后,要记得关闭
  • 其他常见设置
    • 设置字体: 齿轮>search>搜索 "字体大小"
    • 设置字体大小可以用滚轮控制: 齿轮>设置>搜索 "Mouse Wheel Zoom"
    • 设置左侧树缩进: 齿轮>设置>搜索 "树缩进"
    • 设置文件夹折叠: 齿轮>设置>搜索 "compact" 取消第一个勾选
    • 设置编码自动保存: 齿轮> 设置> 搜索 "Auto Save" ,选择为"afterDelay"

4. 配置 C/C++ 环境

参考视频

相关插件



设置 C/C++ Compile Run,运行结果在弹出的窗口中显示



配置 C/C++




运行

使用插件运行


常规方法

注意点:项目路径不能有中文,否则运行会报错




task.json 配置文件


⭐ 多光标快捷键

选中多行同一位置

ctrl + alt + ⬆

ctrl + alt + ⬇

自定义多光标

anl + 鼠标左键

5. setting.json 文件配置

json
{
  "editor.fontSize": 20,
  "editor.mouseWheelZoom": true,
  "workbench.iconTheme": "material-icon-theme",
  "files.autoGuessEncoding": true,
  "c-cpp-compile-run.run-in-external-terminal": true,
  "editor.stickyScroll.enabled": false,
  "editor.smoothScrolling": true,
  "workbench.list.smoothScrolling": true,
  "terminal.integrated.smoothScrolling": true,
  "editor.cursorBlinking": "smooth",
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.wordWrap": "on",
  "editor.acceptSuggestionOnEnter": "smart",
  "editor.suggestSelection": "recentlyUsed",
  "window.dialogStyle": "custom",
  "debug.showBreakpointsInOverviewRuler": true,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.lineHeight": 1.8,
  "editor.tabSize": 4,
  "editor.codeActionsOnSave": {
    "source.fixAll": "explicit"
  },
  "git.confirmSync": false,
  "terminal.integrated.defaultProfile.windows": "Command Prompt",
  "chat.commandCenter.enabled": false,
  "workbench.colorTheme": "One Dark Pro",
  "markdown-preview-enhanced.codeBlockTheme": "auto.css",
  "markdown-preview-enhanced.previewTheme": "github-light.css",
  "markdown-preview-enhanced.revealjsTheme": "none.css",
  "explorer.compactFolders": false,
  "editor.minimap.showSlider": "always",
  "terminal.integrated.fontSize": 18,
  "liveServer.settings.donotShowInfoMsg": true,
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}