使用 VSCode 为你构建一款舒适且跨平台的C++/Python开发工具

用VSCode编写C++/Python所需要的配置,推荐了一些VSCode插件,记录了如何使用Setting Sync云同步插件及配置

请注意,本文编写于 1495 天前,最后修改于 1473 天前,其中某些信息可能已经过时。

使用 VSCode 为你构建一款舒适且跨平台的C++/Python开发工具

0. 前言

在选择IDE或者Editor的道路上,我们每个人都很矛盾。使用IDE的小伙伴一边享受着IDE所带来的舒适便捷的操作体验,一边又抱怨IDE的各种繁杂。使用Editor的小伙伴在Vim的边缘来回横跳,最终就只学回了hjkl,还有复制粘贴的功能记得蛮熟(不过本菜鸡复制粘贴的命令都经常忘记)。

IDE确实在很多方面,诸如自动补全和智能配置的功能都做得十分完善,让人爱不释手。Editor呢,配合上插件使用体验其实也不比IDE差,但是由于从IDE的傻瓜式一键运行到Editor需要折腾一番,还是有一丢丢的学习成本。下面我将选择VSCode这一款颇受开发者好评的Editor,结合我一点点的折腾经验来分享一下如何使用VSCode为你带来舒适并且跨平台的C++/Python开发体验。

1. VSCode的下载以及Python和C++环境的配置

1.1 首先我们进行VSCode的下载

VSCode下载链接:https://code.visualstudio.com/

1.2 进行Python环境的下载

这里推荐下载Anaconda进行Python环境的管理

这里大概描述一下Anaconda,换源的参考链接贴在这里:

下面友好的提取一下第一个链接所对应方法的关键词:

  1. Windows 用户无法直接创建名为 .condarc 的文件,可先执行 conda config --set show_channel_urls yes 生成该文件之后再修改。
  2. .condarc 文件存放在在用户目录下,Windows用户一般是在 C:\Users\username 路径下,例如我的就是 C:\Users\Muyun99,内容替换成链接中配置即可.
1.3 进行C++编译环境的下载

在 VSCode 中编译C++程序是需要g++编译器的, 一般来说按照网上的教程来安装都没有太大问题,关于环境配置问题本文不做太多描述,可以去看一下我的bilibili视频比较完整,下面推荐一个安装教程blog

1.4 确定自己环境都安装成功
  • 确定g++ 及 gdb安装成功:在cmd中输入g++ -vgdb -v,有输出即可
  • 确定Anaconda安装成功:在cmd中输入conda --version,有输出即可

31YOiD.png
31YOiD.png

2. 配置Cmder作为VSCode的默认终端

2.1 Cmder下载

在下载完成后,我们需要对Cmder进行一定的配置达到使用舒适的目的,包括加入环境变量以及加到右键菜单

2.2 VSCode配置Cmder作为VSCode的默认终端
  • ctrl+, 或者左下角打开设置,在用户区搜索shell windows。
  • 应该第一个就是:terminal.integrated.automationShell.windows
  • 注释掉"terminal.integrated.shell.windows"
  • 然后添加如下三行配置即可使用
"terminal.integrated.shell.windows": "cmd.exe",
"terminal.integrated.env.windows": {"CMDER_ROOT": "cmder路径"},
"terminal.integrated.shellArgs.windows": ["/k", "cmder路径\\vendor\\init.bat"],

3. 运行及调试

  • 运行Python 代码:在命令行中输入python demo.py即可
  • 运行C/C++ 代码:在命令行中输入g++ demo.cpp后会生成a.exe,再.a.exe即可
  • 调试C/C++代码:参考链接进行配置,配置完成后F5调试,F11单步运行

4. 推荐一些VSCode常用的插件

这里推荐的插件主要涉及界面美观及流畅编码等

4.1 丰富的语言支持
  • 1.官方汉化包:Chinese (Simplified) Language Pack for Visual Studio Code
  • 2.LaTex撰写:LaTeX Workshop
  • 3.微软官方的C/C++插件:C/C++
  • 4.微软官方的Python插件:Python
4.2 优雅美观的外观
  • 1.优雅美观的icon:vscode-icons
  • 2.One Dark主题(Atom 标志性的主题):One Dark Pro
4.3 舒适的编码体验
  • 1.远程SSH连接:Remote SSH
  • 2.利用深度学习进行代码的自动补全:TabNine

  • 3.官方的远程开发插件(推荐):Remote Development
  • 4.彩虹括号插件:Bracket Pair Colorizer
  • 5.目录地址的自动提示和补全:Path Autocomplete
4.4 完善的工具生态
  • 1.在VSCode中查看pdf(可配合LaTex Workshop使用):vscode-pdf
  • 2.LaTex代码格式化工具:latex-formatter
  • 3.使用 Github repos 云同步你的 vscode 插件配置和设置:Settings Sync
  • 4.代码工作时长统计:WakaTime
  • 5.代码拼写检查:Code Spell Checker
4.5 实用的前端插件
  • 1.自动闭合标签:Auto Close Tag
  • 2.标签提示:HTML Snippets
  • 3.自动修改重命名配对的标签:Auto Rename Tag
  • 4.高亮CSS颜色配置:Color Highlight
4.6 参考链接

5. 使用Settings Sync插件同步VSCode设置

参见教程:https://juejin.im/post/5d52b8cff265da03dd3d685e

大概流程分为以下三步吧:

  • 登录GitHub
  • 上传配置:ctrl+p:输入> sysc后出现Sysc上传配置
  • 下载配置:记录gist id下载即可,有两种方法获得gist id

    • 在上传配置的机器上右键插件进入设置页面,可看到gist id
    • 在自己的 GiHub 主页上点击 Your Gists,找到 cloudSettings ,复制Embed的script,找到其中的gist id

在这里挖一个坑吧,因为还没回学校,因为我研究生是做CV方向的,现在只能看论文,处于想要炼丹,炼丹炉却不再手边的尴尬状态。在这里也挖一个坑,等到回学校我会会拍摄一期视频,把我导给我配的2080Ti使用内网穿透实现外网主机也能通过VSCode Remote远程访问我们的高算力服务器。每次看到学长使用Surface Go连着主机撸代码的样子投去羡慕的眼光hhhh,说不定学长能拿那么多竞赛的奖都和这个有关系呢哈哈哈。

评论列表