VScode 下载


VScode 官方网站


基础配置


1、在左下角找到账户登录,我个人使用github登录,记得打开设置同步,以此同步设置(以前设置过并且同步正常的话下方就不用看了)
2、首次使用可能需要设置语言,找到拓展(Ctrl+Shift+X),搜索Chinese,下载语言包
3、安装Code Runner插件


其他基础设置


  • “齿轮”-设置

Mouse Wheel Zoom:按住 Ctrl 滑动滚轮调整字体大小
Run In Terminal:在终端运行
Trim Final Newlines:保存时删除末尾多余新行
Trim Trailing Whitespace:保存时删除行末尾多余空格
Workbench Tree Indent:文件树缩进,建议设置 18
Workbench Tree render Indent - Guides:文件树缩进线,建议设置 always
Auto Save:改为afterDelay,随后Auto Delay Save为自动保存时间(1000=1 秒)
git.mergeEditor:git merge 合并编辑器,可以更方便地处理冲突,建议设置 true
Snippets Prevent Quick Suggestions:阻止快速建议,建议关闭,关闭后可以在使用代码补全后仍继续收到提示
smooth:搜索出的结果,分别代表四项不同的平滑效果设置,按需开启
Font Family:配置字体(如写入JetBrainsMono Nerd Font Propo下载地址)
Font Ligatures:配置是否启用字体连字特性(在 JSON 中打开,设置为 true)


拓展推荐


xxx Extension Packxxx改为需要的语言,此拓展为微软配置的开发环境支持拓展包
Live Server:实时显示刷新页面,网页使用
—-运行时右下角Go Live,或鼠标右键,选择Open with Live Server即可
indent-rainbow:彩色缩进,缩进错误会报大红
Bracket Pair Colorizer:彩色括号,方便读代码(已内置于 VScode 的Bracket Pair Colorization设置项)
Code Translate(w88975):划词翻译,且显示变量名定义类型与语法使用规则
Prettier:格式化代码,自动排版
—-设置:Format On Save,保存时自动排版
—-代码格式化大括号不独立换行:C_Cpp:Clang_format_style设置为{BasedOnStyle: Chromium, IndentWidth: 4}
One Dark Pro:黑灰色主题,好看
vscode-icons:图标主题,文件图标与类型更加易分辨
Github Copilot:AI 自动补全写代码,需要 github 账号登录(已收费)
—-下位替代:CodeGeex、Tabnine AI、Codeium、Fitten Code、Amazon CodeWhisperer、通义灵码
Power Mode:打字炫酷特效,需要在设置里自行设定
Auto Close Tag:自动闭合标签(已内置于 VScode 的Auto Closing Tags设置项)
Auto Rename Tag:自动重命名相对应的闭合 HTML 标签(已内置于 VScode 的Linked Editing设置项)
Color Highlight:显示色码(#000000)颜色,在设置中设置Marker Type设置显示样式,推荐dot-before
Markdown Preview Enhanced:分屏 markdown 预览
Excel Viewer:在 VScode 中打开 Excel 表格
Hex Editor:在 VScode 中编辑二进制文件
exe Runner:右键更方便的执行.exe 文件
Bookmarks:书签跳转,使用右键在需要的行上设置书签以快速跳转
GitLens:侧边栏显示光标所在位置的历史 git 提交并快速访问,拓展 VScode 自带 git 管理器的功能
Git Graph:将 git 提交记录转换为可视化图表
CodeSnap:快速美观代码截图
Codelf:变量命名插件(注意名字是 l 不是 i)
Project Manager:更方便的管理文件夹和项目
Better Comments:更好的注释,注释信息变色:包括TODO!?*//等注释高亮
Error Lens:高亮显示错误和警告,行内显示错误信息
Todo Tree:自动集合整理所有 TODO 待办事项
Draw.io Integration:将Draw.io集成到 VScode 中,画流程图,文件后缀为.drawio
Path Intellisense:路径提示与自动补全
Easy Snippet:方便快速的代码片段管理(如果总是自动换行,可以修改插件的代码片段文件,右下角行尾序列的CRLF改为LF)
Competitive Programming Helper(cph):做算法题使用,可以在 VScode 实现类似 CP Editor 的多数据测试功能
—-需要配合浏览器插件Competitive Companion,浏览器安装插件后,在洛谷、CodeForce、AtCoder 等 OJ 试题页面点击浏览器插件按钮,再回到 VScode 选择语言


配置用户代码片段


  • VScode 允许用户配置自己的代码片段,以快速完成经常重复输入的代码(但更推荐使用Easy Snippet插件管理代码片段)

  • 进入配置文件文件-首选项-配置用户代码片段-选择配置的语言

  • 配置自己的代码片段

    "对象名"{
        "prefix": "关键字",
        "body": [
            "代码片段第1行",
            "代码片段第2行",
            "",
            "空行后代码片段第3行"
        ],
        "description": "描述"
    }
  • 配置说明

    1、对象名:任意
    2、prefix:触发所需的关键字
    3、body:触发后的代码片段
    4、description:描述
    5、占位符:使用Dollar 符$表示占位,放置 Dollar 符可以使代码片段的鼠标光标默认出现在占位符处,使用Tab可以快速跳转到下一个占位符处。此外可以给 Dollar 符编号,即使用$1$2等符号设置光标切换的顺序。还可以给占位符处设置默认的值,比如printf("&{1:hello} ${2:world}");,这样片段默认带有helloworld,且鼠标光标定位到对应占位符时自动选中默认的值以便修改


C/C++环境配置


  • 下载编译器(按需下载,不需要都下载,新手推荐使用下面第二个链接。如速度慢可自行搜索 github 下载加速)

    MinGW-w64 官方下载网站(已废弃下载,只提供其他集成支持下载地址)

    MinGW-w64 单独下载(github 仓库地址)

    下载 LLVM/Clang(github 仓库地址)

    winlibs.com 下载 WinLibs 套件(套件包含 GCC + LLVM/Clang/LLD/LLDB + MinGW-w64)

  • MinGW-w64 下载说明(下载其他编译器可忽略)

    1、下载时向下翻下载压缩包文件,不要使用在线安装,无法使用
    2、64 位系统选择x86_6432 位系统选择i686
    3、开发Windows 下程序选择Win32,开发其他操作系统下程序选择posix
    4、异常处理模型中,seh新发明的且性能好,但不支持 32 位sjlj较为古老稳定性好支持 32 位

  • 配置环境

    1、解压后找地方存放,复制目录下的bin目录的路径
    2、环境变量设置:此电脑-属性-高级系统设置-环境变量-Path-(如果一个框)选择到最后,加一个英文的分号;,粘贴你的bin路径。(如果列表)选择到最下方,新建,粘贴路径
    3、VScode中安装C/C++ Extension Pack插件包
    4、重启,打开存代码的文件夹,新建文件为.cpp文件即可
    5、代码运行点击右上角Run Code(Ctrl+Alt+N)即可运行
    6、想要调试运行,点击运行与调试(Ctrl+Shift+D),选择GDB/LLDBg++.exe,按F5运行调试,也可以在行号前打断点进行调试,上方按步运行按键来控制运行(调试全路径不能有中文)
    7、Encoding:将编码格式UTF-8改为GB18030以正常显示中文


Python 环境配置


  • Python下载,一定勾选Add Python to Path(自动添加到环境变量),否则需要手动添加环境变量

    Python 官方网站

  • 配置环境

    1、检查环境变量设置,查漏补缺添加环境变量(同 C/C++环境配置),将 python根目录添加到环境变量中
    2、VScode中安装Python Extension Pack插件包
    3、重启,打开存代码的文件夹,新建文件为.py文件即可
    4、代码运行点击右上角Run CodeRun Python File即可运行


Java 环境配置


  • Java JDK下载,VScode 插件支持目前只支持到 Java17 及以上,如需使用老版本 JDK 请自行将插件降版本

    Oracle 官方网站

  • 配置环境

    1、同 C/C++环境配置进入环境变量设置
    2、新建系统变量JAVA_HOME,路径设置为JDK 总文件夹的路径
    3、新建CLASSPATH,填入以下内容:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
    4、找到Path变量,添加 %JAVA_HOME%\bin%JAVA_HOME%\jre\bin
    5、VScode中安装Extension Pack for Java插件包
    6、Language Support For Java 拓展设置下,找到Java›Jdt›Ls›Java:Home设置项,在.json 中编辑,在"java.jdt.ls.java.home:"后写入"JDK的路径(有双引号,注意反斜杠转义)"
    7、重启VScode,创建.java文件即可使用,运行前需要在VScode调试处调试并自动生成文件,后续可以直接使用Run运行


页底评论