vscode入门:熟悉vscode和初级配置

工欲善其事必先利其器。
提高效率需要借助于合适的工具,更需要自己熟练使用,积累久了便可自成体系风格。

一 安装和首次启动

登录vscode官网,下载对应平台的安装包安装即可,下载安装的过程中可以了解一下release notes,看看官方文档。

1 修改显示语言

默认是英文界面,可以修改成中文(初期为了熟悉工具,最好使用熟悉的语言,英语大神可以跳过这一步)。

  1. 点击界面左下角的设置按钮,选择最上面的Command Palette... (Ctrl+Shift+P),命令面板很常用,必须记住其快捷键;
  2. 在弹出的命令窗口输入Configure Display Language,这是看到只有一个选择en,选择底部的Install additional languages...
  3. 这时左边边栏打开了扩展安装界面,列出来的就是一些语言包,选择中文简体Install即可
  4. 下载完成右下角就会提示需要重启,点击Restart Now等待重启,界面即可变成中文。

2 启动界面

首次启动会显示欢迎页面,如下图:

vscode启动界面

我们可以着重关注右下角的学习部分,交互演练可以让你快速体验vscode的一些常用功能和快捷键,值得一试;其次是帮助中的提示和技巧,快捷键速查;自定义部分也可以帮助我们快速设置主题和快捷键。

二 界面元素和设置界面

vscode的界面有几个部分:

  1. 活动栏,Ctrl+Shift+{E/F/D/X}分别打开文件列表、搜索、调试和扩展;熟记快捷键后可以隐藏活动栏
  2. 侧边栏,快捷键Ctrl+B隐藏或显示
  3. 编辑栏,编辑器
  4. 面板栏,”Ctrl+`”可以显示隐藏终端
  5. 状态栏,显示各种状态或者配置信息

如下图:

vscode面板介绍

设置分为用户和工作区:

  1. 用户:设置全局有效,配置文件保存在系统用户目录下
  2. 工作区:针对当前工作区,配置文件保存在工作区内
  3. 熟悉以后可以直接修改配置文件
  4. 打开设置的快捷键Ctrl+,

如下图:

vscode配置介绍

三 实用的配置

有一些vscode的默认配置并不是很实用,所以需要做一些个性修改。
点击左下角的设置按钮,选择Settings,或者使用快捷键Ctrl+,

1 自动保存

默认关闭,建议开启,设置为afterDelay

因为有时候语法检查需要在保存之后才会刷新,每次改完手动保存效率太低(这一点CLion做的更好,语法检查和文件保存是分开的)。

也可以直接修改配置文件,如下图:

 

vscode设置json示例

在配置文件中对应的就是下面这一行,延迟时间默认就好:

"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的高级设置在后续的文章中介绍。

© 版权声明
THE END
喜欢就支持以下吧
点赞0
分享
评论 抢沙发