工欲善其事必先利其器。
提高效率需要借助于合适的工具,更需要自己熟练使用,积累久了便可自成体系风格。
一 安装和首次启动
登录vscode官网,下载对应平台的安装包安装即可,下载安装的过程中可以了解一下release notes,看看官方文档。
1 修改显示语言
默认是英文界面,可以修改成中文(初期为了熟悉工具,最好使用熟悉的语言,英语大神可以跳过这一步)。
- 点击界面左下角的设置按钮,选择最上面的
Command Palette... (Ctrl+Shift+P)
,命令面板很常用,必须记住其快捷键; - 在弹出的命令窗口输入
Configure Display Language
,这是看到只有一个选择en
,选择底部的Install additional languages...
; - 这时左边边栏打开了扩展安装界面,列出来的就是一些语言包,选择
中文简体
Install即可 - 下载完成右下角就会提示需要重启,点击
Restart Now
等待重启,界面即可变成中文。
2 启动界面
首次启动会显示欢迎页面,如下图:
![图片[1]-vscode入门:熟悉vscode和初级配置-消音网](https://img.xiaoyin6.com/uploads/2021/01/frc-d7be9a6bfb4ba848604d1bbdeb9a597a.png)
我们可以着重关注右下角的学习部分,交互演练可以让你快速体验vscode的一些常用功能和快捷键,值得一试;其次是帮助中的提示和技巧,快捷键速查;自定义部分也可以帮助我们快速设置主题和快捷键。
二 界面元素和设置界面
vscode的界面有几个部分:
- 活动栏,
Ctrl+Shift+{E/F/D/X}
分别打开文件列表、搜索、调试和扩展;熟记快捷键后可以隐藏活动栏 - 侧边栏,快捷键
Ctrl+B
隐藏或显示 - 编辑栏,编辑器
- 面板栏,”Ctrl+`”可以显示隐藏终端
- 状态栏,显示各种状态或者配置信息
如下图:
![图片[2]-vscode入门:熟悉vscode和初级配置-消音网](https://img.xiaoyin6.com/uploads/2021/01/frc-cb6500a87aeddd6d01c7498bd3d412e2.png)
设置分为用户和工作区:
- 用户:设置全局有效,配置文件保存在系统用户目录下
- 工作区:针对当前工作区,配置文件保存在工作区内
- 熟悉以后可以直接修改配置文件
- 打开设置的快捷键
Ctrl+,
如下图:
![图片[3]-vscode入门:熟悉vscode和初级配置-消音网](https://img.xiaoyin6.com/uploads/2021/01/frc-daa61520bc16107c48601349717e3f8f.png)
三 实用的配置
有一些vscode的默认配置并不是很实用,所以需要做一些个性修改。
点击左下角的设置按钮,选择Settings
,或者使用快捷键Ctrl+,
。
1 自动保存
默认关闭,建议开启,设置为afterDelay
。
因为有时候语法检查需要在保存之后才会刷新,每次改完手动保存效率太低(这一点CLion做的更好,语法检查和文件保存是分开的)。
也可以直接修改配置文件,如下图:
![图片[4]-vscode入门:熟悉vscode和初级配置-消音网](https://img.xiaoyin6.com/uploads/2021/01/frc-7518627feca8f8d25ff79cd293b44000.png)
在配置文件中对应的就是下面这一行,延迟时间默认就好:
"files.autoSave": "afterDelay",
2 删除行尾的空格
为了保持代码简洁干净,行末的空格一般不需要保存。
"files.trimTrailingWhitespace": true,
3 排除文件
为了保持vscode边栏资源管理器的简洁,建议设置隐藏有一些无需更改的目录。例如第三方库或者编译临时文件,按实际需求配置。
"files.exclude": {
...
"**/node_modules": true
},
4 字体设置
推荐使用等宽字体,强烈推荐:
- DejaVu Sans Mono
- Hack
对于程序员来说,一款好的字体应该能够明确区分0、o和O,1、l和I,有时是能减少不少bug的(手动滑稽),当然主要的还是要顺眼,长时间看代码不至于让眼睛太累。
设置如下:
"editor.fontFamily": "'DejaVu Sans Mono','Hack'",
5 自动插入右括号和引号
这是一个效率设置,默认是按语言定义,但是有时候并不能正常工作,建议改为always
。
比如在Python代码中,如果是f-string内要加表达式,输入大括号后并不会自动添加右括号,希望以后会修复。自动插入能提高不少效率。
"editor.autoClosingBrackets": "always",
"editor.autoClosingQuotes": "always",
6 显示所有空白字符
这是为了检查不可见字符是否正确,建议开启。
比如python缩进可以统一是tab或者空格,但是缩进要一致,开启显示所有空白字符可以一眼就分辨出tab和4个空格;其次也可以是为了代码风格统一的要求,尽早发现问题。
"editor.renderWhitespace": "all",
7 禁止编辑器滚动过头
默认情况下vscode编辑器可以滚动到代码只剩最后一行在顶端,建议关闭。
滚动到只剩一行代码,然后下面全部空白,窃以为这个设计并不好,滚动到最后面对一个不能编辑的大面积空白屏幕,着实有些浪费眼睛的注意力。
"editor.scrollBeyondLastLine": false,
8 开启折行
默认是关闭的,不管一行代码多长,vscode并不会折行显示,建议开启。
开启以后可以看到完整内容,而不需要手动去滑动窗口或者底部的滚动条。
"editor.wordWrap": "on",
9 主题
这就主要看个人喜好,包括界面主题和图标主题,原则是对眼睛友好。可以在扩展里面自行安装,安装前可去官方的Marketplace慢慢挑选。
对比多款主题后,笔者使用的是如下配置:
{
"workbench.colorTheme": "One Dark Pro",
"workbench.iconTheme": "material-icon-theme",
"workbench.preferredDarkColorTheme": "One Dark Pro",
"workbench.preferredLightColorTheme": "Atom One Dark",
"workbench.tree.indent": 16
}
四 插件
信奉少即是多,如果你对一个插件不是强需求,就不要添加,一切基于自己的需求,以下的推荐也是,如果用不到跳过即可。
1 Sort lines
编写代码的时候可能需要按行排序内容,这个插件就能帮上大忙。
链接:Sort lines
2 Sort JSON objects
如果要排序JSON对象(比如vscode的配置文件settings.josn),那就需要这个插件了。排序后简直神清气爽,无比舒适。
链接:Sort JSON objects
3 Keymap插件
有很多其他编辑器的keymap插件可以快速设置vscode的快捷键成自己熟悉的模样:
- Vim
- Sublime Text Keymap
- Atom Keymap
五 快捷键
掌握使用频率高的功能的快捷键,是提高效率的重要方式。
重点是功能,具体快捷键可以自行设定,按自己的喜好,效率至上;
如果有冲突,可以按使用频率优先配置,或者取消冲突的功能的快捷键。
以下快捷键以Windows为例,大部分快捷键MacOS只需要把
Ctrl
换成Cmd
1 工作区快捷键
Win快捷键 | 功能 | 备注 |
---|---|---|
Crtl+Shift+P | 显示命令面板 | 很常用 |
Crtl+Shift+N | 新建软件窗口 | 很常用 |
Ctrl+Shift+W | 关闭当前软件窗口 | |
Ctrl+B | 显示或者隐藏侧边栏 | 实用 |
Ctrl+N | 新建文件 | 默认新建未命名文件 |
Ctrl+W | 关闭当前文件 | 常用 |
Ctrl+R | 打开最近的文件 | 打开最近使用的项目 |
2 编辑器快捷键
快捷键 | 功能 | 备注 |
---|---|---|
Ctrl+X | 剪切当前行 | 同时复制 |
Ctrl+F | 在文件内搜索 | 必须会的 |
Ctrl+Shift+F | 搜索目录 | |
Ctrl+G | 跳转到指定行 | 根据错误提示行号快速跳转 |
Ctrl+P | 在项目内的文件间跳转 | 打开另外的文件,避免手动导航 |
Alt+↑↓ | 上下移动当前行 | 实用得很 |
Alt+Shift+↑↓ | 向上下复制当前行 | 复制代码常用 |
更多快捷键参考官方文档。
也可以使用快捷键Ctrl+K Ctrl+S
自行修改或定义。
快捷键不需要记的太多,把最常用的记住即可。
以上就是vscode的基本设置,vscode针对Pyhton和C的高级设置在后续的文章中介绍。
感谢您的来访,获取更多精彩文章请收藏本站。

请登录后发表评论
注册
社交帐号登录