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

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

安装Vscode和Cmder

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

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

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

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

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

1
2
3
4
5
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;

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

配置外观

推荐插件

在左边extensions栏中搜索并安装以下插件:

Chinese (Simplified) Language Pack for Visual Studio Code

这个插件可以提供Vscode大部分界面的汉化。

vscode-icons

这是一款很受欢迎的图标包,能够增加Vscode中的各个界面的图标样式,个人觉得挺好康,当然你也可以安装其他的图标包。

主题与字体

主题推荐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++环境

推荐插件

在左边extensions栏中搜索并安装以下插件:

Code Runner

提供大部分语言代码在Vscode中的快捷编译运行按钮(前提是已安装相应的编译器并添加到环境变量Path中)。在设置中还可以指定运行代码时的命令行参数。

C/C++

这款插件添加编辑器对C/C++的语言支持,必装。

编译器

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

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

配置调试启动文件

详细教程见网页链接

配置编辑器

推荐插件

在左边extensions栏中搜索并安装以下插件:

Code Spell Checker

这款插件可以自动检查代码中拼错的单词和语法关键字,当然有时候也挺烦人的。

Codelf

用于解决变量起名这个亘古不变的难题,提供右键搜索GitHub中某种意义的变量被应用最多的一些名字。

Power Mode

让你写代码时拥有非常炫酷的打字特效,让写代码更有趣味,强烈推荐。

indent-rainbow

提供不同色彩的缩进高亮显示。有助于组织代码的缩进。

Bracket Pair Colorizer 2

提供不同色彩的左右括号匹配,妈妈再也不用担心我括号匹配不上了。

设置文件

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
{
"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

推荐插件

Git Graph

给可视化仓库的提交记录。

GitLens

提供单行提交信息的查询等等一堆功能,补充了很多Vscode集成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中添加。