工欲善其事必先利其器。
提高效率需要借助于合适的工具,更需要自己熟练使用,积累久了便可自成体系风格。
安装和首次启动登录vscode官网,下载对应平台的安装包安装即可,下载安装的过程中可以了解一下release notes,看看官方文档。1修改显示语言默认是英文界面,可以修改成中文(初期为了熟悉工具,最好使用熟悉的语言,英语大神可以跳过这一步)。
  1. 点击界面左下角的设置按钮,选择最上面的Command Palette... (Ctrl+Shift+P),命令面板很常用,必须记住其快捷键;

  2. 在弹出的命令窗口输入Configure Display Language,这是看到只有一个选择en,选择底部的Install additional languages...

  3. 这时左边边栏打开了扩展安装界面,列出来的就是一些语言包,选择中文简体Install即可

  4. 下载完成右下角就会提示需要重启,点击Restart Now等待重启,界面即可变成中文。

2欢迎界面首次启动会显示欢迎页面,修改成中文后如下图:

742658ca036c018f11b868b298be0f44.png

着重关注右下角的学习部分,交互演练可以让我们快速体验vscode的一些常用功能和快捷键,值得一试;其次是帮助中的提示与技巧,快捷键速查;自定义部分则可以帮助我们快速设置主题和快捷键。界面元素和设置界面vscode的界面有几个部分:
  1. 活动栏,Ctrl+Shift+{E/F/D/X}分别打开文件列表、搜索、调试和扩展;熟记快捷键后可以隐藏活动栏
  2. 侧边栏,快捷键Ctrl+B隐藏或显示
  3. 编辑栏,编辑器
  4. 面板栏,"Ctrl+`"可以显示隐藏终端
  5. 状态栏,显示各种状态或者配置信息
如下图:

8d49806d97e95e45eef585326c318ec5.png

设置分为用户和工作区:

  1. 用户:设置全局有效,配置文件保存在系统用户目录下

  2. 工作区:针对当前工作区,配置文件保存在工作区内

  3. 熟悉以后可以直接修改配置文件

  4. 打开设置的快捷键Ctrl+,

如下图:

fc9ebfd76f0fffe6eef9c1acb87d62a6.png

实用的配置有一些vscode的默认配置并不是很实用,所以需要做一些个性修改。点击左下角的设置按钮,选择Settings,或者使用快捷键Ctrl+,打开设置界面。1自动保存默认关闭,建议开启,设置为afterDelay
因为有时候语法检查需要在保存之后才会刷新,每次改完手动保存效率太低(这一点CLion做的更好,语法检查和文件保存是分开的)。
是可以直接修改配置文件,如下图:

b4c5b087f4eec74e0252838431893254.png

在配置文件中对应的就是下面这一行,延迟时间默认就好:
"files.autoSave": "afterDelay",
2删除行尾空格为了保持代码简洁干净,行末的空格一般不需要保存。
"files.trimTrailingWhitespace": true,
3排除文件为了保持vscode边栏资源管理器的简洁,建议设置隐藏有一些无需更改的目录。例如第三方库或者编译临时文件,按实际需求配置。
"files.exclude": {..."**/node_modules": true},
4字体设置推荐使用等宽字体,强烈推荐:
  • DejaVu Sans Mono: https://dejavu-fonts.github.io
  • Hack: https://github.com/source-foundry/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
插件信奉少即是多,如果你对一个插件不是强需求,就不要添加,一切基于自己的需求,以下的推荐也是,如果用不到跳过即可。1Sort lines编写代码的时候可能需要按行排序内容,这个插件就能帮上大忙。
Sort lines: https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines2Sort JSON Objects如果要排序JSON对象(比如vscode的配置文件settings.josn),那就需要这个插件了。排序后简直神清气爽,无比舒适。
Sort JSON objects: https://marketplace.visualstudio.com/items?itemName=richie5um2.vscode-sort-json3Keymap插件有很多其他编辑器的keymap插件可以快速设置vscode的快捷键成自己熟悉的模样:
  • Vim
  • Sublime Text Keymap
  • Atom Keymap
快捷键掌握使用频率高的功能的快捷键,是提高效率的重要方式。
重点是功能,具体快捷键可以自行设定,按自己的喜好,效率至上;

如果有冲突,可以按使用频率优先配置,或者取消冲突的功能的快捷键。

以下快捷键以Windows为例,大部分快捷键MacOS只需要把Ctrl换成Cmd

1工作区快捷键
快捷键 功能 备注
Ctrl+Shift+P 显示命令面板 很常用
Ctrl+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+↑\↓ 向上\下复制当前行 复制行常用
更多快捷键参考官方文档: https://code.visualstudio.com/docs/getstarted/keybindings。也可以使用快捷键Ctrl+K Ctrl+S自行修改或定义。快捷键不需要记的太多,把最常用的记住即可。以上就是vscode的基本设置,vscode针对Pyhton和C的高级设置在后续的文章中介绍。

可点击阅读原文查看文章原文

732fe55695c86119ce328ce2e4a2eb0a.pngEND

e8fde0806222ee04d847d09acaa2f8db.png

觉得有用,分享/点赞/在看走起,但别收藏吃灰哦
Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐