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

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

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

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

1.1 首先我们进行VSCode的下载

VS­Code 下载链接：https://code.visualstudio.com/

1.2 进行Python环境的下载

这里推荐下载 Ana­conda 进行 Python 环境的管理

这里大概描述一下 Ana­conda，换源的参考链接贴在这里：

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

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

1.3 进行C++编译环境的下载

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

• windows 下 gcc/g++ 的安装：https://www.jianshu.com/p/ff24a81f3637

1.4 确定自己环境都安装成功

• 确定g++ 及 gdb安装成功：在cmd中输入g++ -v 与gdb -v，有输出即可
• 确定Anaconda安装成功：在cmd中输入conda --version，有输出即可

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

2.1 Cmder下载

• Cmder下载链接：https://cmder.net/

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

• https://www.jeffjade.com/2016/01/13/2016-01-13-windows-software-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. 利用深度学习进行代码的自动补全：Tab­Nine

  • 目前专业版还可以上车：https://tabnine.com/subscribe/，按照邮件里面的方式输入验证码再开启云端推理即可
• 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 参考链接

• VSCode 常用插件推荐

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 使用内网穿透实现外网主机也能通过 VS­Code Re­mote 远程访问我们的高算力服务器。每次看到学长使用 Sur­face Go 连着主机撸代码的样子投去羡慕的眼光 hhhh，说不定学长能拿那么多竞赛的奖都和这个有关系呢哈哈哈。