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

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

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

使用 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++ -v 与gdb -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，说不定学长能拿那么多竞赛的奖都和这个有关系呢哈哈哈。

评论列表