用Vscode+Cmder写代码

什么样的代码编辑器用起来最舒服呢:question:

当然是按照自己的需要组装起来的编辑器用起来最舒服辣:smile:。因此在这里我介绍Vscode以及我自己使用的Vscode配置和大概的配置步骤。

安装Vscode和Cmder

Visual Studio Code（简称VS Code）是一个由微软开发，同时支持Windows 、 Linux和macOS等操作系统且开放源代码的代码编辑器[4]，它支持测试，并内置了Git 版本控制功能，同时也具有开发环境功能，例如代码补全（类似于 IntelliSense）、代码片段和代码重构等。该编辑器支持用户个性化配置，例如改变主题颜色、键盘快捷方式等各种属性和参数，同时还在编辑器中内置了扩展程序管理的功能。

WikipediaVisual Studio Code

Vscode丰富的扩展插件允许我们亲手组装出让自己满意的生产环境，自定义程度非常高，非常好用。除了安装一些必要的代码管理工具，编译、调试、运行扩展外，我还会安利一些我非常喜欢的~~花里胡哨的~~功能性扩展。

同时我们在写代码时经常需要使用终端，Vscode中的集成终端甚至也可以自定义，我们选用Cmder。Cmder是windows下很好用的一款软件包，包含了各种终端甚至是Git for windows。用Cmder作为终端可以运行很多Linux下的命令。

因此我们首先应该在Vscode和Cmder中安装适合自己的版本并添加环境变量。

以下是我自己添加的环境变量

C:\Users\lilet\Documents\code\cmder;
C:\Users\lilet\Documents\code\cmder\vendor\git-for-windows\usr\share\vim\vim81;
C:\Program Files\nodejs\;
C:\Program Files (x86)\Dev-Cpp\MinGW64\bin;
C:\Users\lilet\Documents\code\cmder\vendor\git-for-windows\bin;

然后就可以开始漫长的配置了。

配置外观

主题与字体

主题推荐Monokai，配色非常漂亮。

字体推荐Fira Code，可以在settings.json中开启连体字，有炫酷的连体符号。

配置终端

将打开设置，选择在settings.json中编辑，然后将settings.json中的

1	"terminal.integrated.shell.windows":"C:\\WINDOWS\\System32\\cmd.exe",

注释掉，换成（如果没有上面这行，直接添加下面的三行即可）

1
2
3

"terminal.integrated.shell.windows": "cmd.exe",
"terminal.integrated.env.windows": {"CMDER_ROOT": "[cmder_root]"},
"terminal.integrated.shellArgs.windows": ["/k", "[cmder_root]\\vendor\\init.bat"],

注意，terminal.integrated.shell.windows"确实是 “cmd.exe”，而不是cmder.exe。此外，要将[cmder_root]换成你的cmder安装路径。

然后重启Vscode并打开一个终端，出现的就是Cmder了。

配置C/C++环境

编译器

Code Runner默认的c/c++编译器是gcc，所以我们需要安装mingw并将其中bin路径加入环境变量Path。但是如果你已经安装了Devcpp或者CodeBlocks等编译器

那么你可以直接在其目录下找到mingw的文件夹，把gcc的目录添加到环境变量即可。

配置调试启动文件

详细教程见网页链接。

配置编辑器

设置文件

以下是我的配置文件settings.json

{
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Monokai",
    "C_Cpp.updateChannel": "Insiders",
    "powermode.enabled": true,
    "window.zoomLevel": 0,
    "editor.renderWhitespace": "all",
    "editor.renderControlCharacters": true,
    "editor.codeActionsOnSaveTimeout": 1000,
    "editor.mouseWheelZoom": true,
    "editor.fontLigatures": true,
    "editor.fontFamily": "'Fira Code', 'Microsoft Yahei UI'",
    "files.autoSave": "off",
    "powermode.enableShake": false,
    "terminal.integrated.automationShell.windows": "cmd.exe",
    "terminal.integrated.shell.windows": "cmd.exe",
    "terminal.integrated.env.windows": {
        "CMDER_ROOT": "C:\\Users\\lilet\\Documents\\code\\cmder"
    },
    "terminal.integrated.shellArgs.windows": [
        "/k",
        "C:\\Users\\lilet\\Documents\\code\\cmder\\vendor\\init.bat"
    ],
    //"terminal.integrated.shell.windows": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe",
    "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
    "editor.formatOnType": true,
    "code-runner.runInTerminal": true,
    "code-runner.saveFileBeforeRun": true,
    "debug.inlineValues": true,
    "debug.openExplorerOnEnd": true,
    "debug.showBreakpointsInOverviewRuler": true,
    "debug.internalConsoleOptions": "neverOpen",
    "http.proxySupport": "off",
    "gitlens.advanced.fileHistoryFollowsRenames": false,
    "git.path": "C:\\Users\\lilet\\Documents\\code\\cmder\\vendor\\git-for-windows\\bin\\git.exe",
    "npm.enableRunFromFolder": true,
    "npm.enableScriptExplorer": true,
    "gitMerger.customCommitMessage": true,
    "git.enableSmartCommit": true,
    "cSpell.userWords": [
        "hexo",
        "letian"
    ],
    "scm.defaultViewMode": "tree",
    "vim.useSystemClipboard": true,
}

配置Git

配置用户信息

添加了环境变量Path后，在终端中直接输入：

1 2	git config --global user.name "yourname" git config --global user.email "youremail"

配置SSH

生成公钥和密钥

1 2	cd ~/.ssh ssh-keygen -t rsa

然后按三下回车，无视需要输入的账号和密码，直到最后结束。然后找到名为id_rsa.pub的公钥文件，一般在用户路径中的.ssh文件夹里，复制并在github的Setting->SSH and GPG keys-> New SSH key中添加。

用Vscode+Cmder写代码

安装Vscode和Cmder

配置外观

推荐插件

`Chinese (Simplified) Language Pack for Visual Studio Code`

`vscode-icons`

主题与字体

配置终端

配置C/C++环境

推荐插件

`Code Runner`

`C/C++`

编译器

配置调试启动文件

配置编辑器

推荐插件

`Code Spell Checker`

`Codelf`

`Power Mode`

`indent-rainbow`

`Bracket Pair Colorizer 2`

设置文件

配置Git

推荐插件

`Git Graph`

`GitLens`

配置用户信息

配置SSH