0. 下载和安装
关于 Visual Studio Code,引用 维基百科 的解释:
Visual Studio Code(简称VS Code)是一个由微软开发的,同时支持Windows、Linux和macOS系统且开放源代码的代码编辑器,它支持测试,并内置了Git 版本控制功能,同时也具有开发环境功能,例如代码补全(类似于 IntelliSense)、代码片段和代码重构等,该编辑器支持用户个人化配置,例如改变主题颜色、键盘快捷方式等各种属性和参数,还在编辑器中内置了扩展程序管理的功能
我们直接在官网下载即可,并且 Visual Studio Code 支持 MacOS,Windows,Linux 系统,具体的安装流程这里以 Linux 为主
进入官网,根据自己 Linux 的版本选择 .deb 或者是 .rpm 格式的安装文件,这里 Cris 是 Deepin 系统,选择 .deb
下载完毕后,直接双击安装即可,此时启动器就会出现 Visual Studio Code 的图标
我们点击即可打开 Visual Studio Code ,界面如下
如果你的界面和我不一致很正常,因为Visual Studio Code 有很多好看的主题可选,后续我会推荐几个不错的主题~
1. 定制
Visual Studio Code 的安装十分傻瓜式,但是想要用好这款软件,可就不那么简单了,所幸 Visual Studio Code 提供了强大的帮助,可以让我们的开发事半功倍,接下来 Cris 就将自己如何定制 Visual Studio Code 的过程记录下来,感兴趣的朋友可以根据自己需要查看。
任何一款 IDE(ntegrated Development Environment),好看的外观是吸引使用者的第一点,流畅简约的使用体验是最基本的要求,而丰富好用的插件可以做到锦上添花,最后就是各种各样的快捷键可以为使用者提供行云流水的操作感。Visual Studio Code 基本都满足了以上要求,对于各个语言的开发人员来说,都是非常值得尝试的
1.1 中文插件
Visual Studio Code 刚下载下来,界面应该都是英文的。我们可以使用一款中文插件来提高 Visual Studio Code 的使用体验,降低使用门槛,对于第一次上手的使用者来说,是十分贴心的,并且 Visual Studio Code 的中文化是 Cris 个人觉得做的十分到位。
在插件中心(或者也叫应用商店),输入 Chinese 即可
排名第一位的应该就是 Chinese (Simplified) Language Pack for VS Code 这款插件,直接点击安装即可,然后点击插件,在插件主页点击重新加载,就可以发现 Visual Studio Code 整体界面变成了中文
对比其他 IDE,Visual Studio Code 的插件库是个人感觉做的最好的,也难怪深受很多开发者的喜爱!
1.2 简单设置界面显示
刚下载下来,整体界面的文字偏下,我们可以简单设置一下,使用 ctrl+,
这个快捷键,直接来到设置界面,可以对常用的设置进行搜索和设置,输入 font 即可
这里设置完毕字体大小后,建议设置自动格式化当前行,这样子在键入下一行的时候,编辑器会自动格式化上一行代码,参考其他博客的时候,很多都提到了 setting.json 用于对编辑器进行设置,可以在打开设置的时候,选中右边的json 图标,进行修改
然后点击左上角的文件选项,选中自动保存,这样子就可以不用手动保存文件了
1.3 第一个Python 程序
Cris 主要是用 Visual Studio Code 写一点 Python,简单介绍一下如何配置 Visual Studio Code 的Python 环境
直接在插件中心输入 Python,就可以下载 Python 的插件了
下载完毕后,就可以直接使用了(前提是你的本地电脑已经安装好了 Python 环境,并且配置了环境变量,Visual Studio Code 执行 Python 文件的时候会自动去查询本机环境变量中的 Python 解释器)
Cris 本机有 Deepin 自带的 Python 环境,也有之前使用的 Anaconda 环境,可以点击左下角进行切换,十分方便
如何安装 Python 环境或者 Anaconda ,这里不再赘述了,网上很多博客都有写
如果想要指定工作区的Python环境,可以通过工作区的 setting.json 覆盖掉用户设置
Visual Studio Code 中用户配置可以覆盖默认配置,工作区配置可以覆盖用户配置,而工作区通常指的就是当前的一个项目工作目录
接下来我们书写第一个Python 文件,直接 ctrl+n 新建一个文件,然后输入 ctrl+shift+p,可以更改当前文件的语言环境(Python or html or js...),输入Python 后,Visual Studio Code 默认当前文件为 Python 文件
ctrl+s 保存为 .py 结尾的Python文件,输入以下 Python 代码
print("hello")
number = input("input number:")
print(number)
def get_name(name):
print("hello," + name)
get_name("curry")
复制代码
然后鼠标右键,选择在当前终端中执行 Python 文件
可以发现,新建的 Python 文件被成功执行了
1.4 快捷键
首先,Visual Studio Code 的快捷键十分有意思,可以分为三大类
- ctrl+k z:这种快捷键首先需要按下ctrl和k,然后松开按下z,可以切换 禅模式
- ctrl+k ctrl+o:这种快捷键需要按下 ctrl和k,然后ctrl不放,松开k并按下o,可以打开文件夹
- ctrl+shift+p:一起按下 ctrl,shift和p 键,调出命令帮助菜单
虽然这样子设计可以使快捷键更加丰富,但是对于新手来说,无疑是增加了快捷键的上手难度,感兴趣的同学可以根据自己需要设置快捷键
通过 ctrl+k ctrl+s 可以自定义快捷键
关于快捷键的设置,Cris 参考了这篇博客 和 这篇文章
建议大家根据自己平时的使用习惯来设置快捷键,Cris 根据之前使用的 IDEA 来设置 Visual Studio Code 的快捷键,尽量保持一直,同时建议公司中同一小组的同事可以尽量统一快捷键,这样子不管是别人帮自己调 bug,还是自己帮别人解决 bug,都可以节省很多时间~
接下来,我会将自己常用的快捷键记录下来,大家参考就好
-
ctrl+shift+p:用于调出命令帮助菜单,对于一些功能或者命令,可以通过这个菜单进行查找,例如输入 git
-
ctrl+f:当前文件查找,还可以对查找到的内容进行替换
-
ctrl+k+o:打开一个文件夹
-
ctrl+o:打开一个文件
-
ctrl+k ctrl+t:打开主题快速切换栏
关于主题的选择,Cris 推荐Atom One Dark Theme,Material Theme,One Monokai Theme,Palenight Theme,当前你也可以根据自己喜好在应用商店选择合适的主题
-
ctrl+k+s:快捷键设置界面,自定义快捷键
-
ctrl+l+a:修改当前新建的未命名文件的语言环境
-
ctrl+w:关闭编辑器(Visual Studio Code 中,每一个文件的编辑页面统称为编辑器)
-
ctrl+h:全局搜索
-
ctrl+,:用户设置界面,推荐将游标的样式设置如下
-
切换行注释:ctrl+/
-
ctrl+alt+↓:向下复制一行,向上复制一行同理(是不是感觉和IDEA 或者 eclipse 特别像)
-
ctrl+c:可以复制当前行
-
ctrl+d:删除当前行
-
alt+↓:向下移动行,向上移动行同理
-
ctrl+shift+/:切换块注释(尴尬的是 Python 中不可用)ctrl+shift+/ f 可以对块注释折叠
-
ctrl+g:移动至指定行号行
-
ctrl+p:显示最近打开的文件编辑器
-
ctrl+tab:切换当前打开的所有编辑器
-
ctrl+q:退出 Visual Studio Code
-
ctrl+shift+f:格式化当前文件(写Python 文件使用这个快捷键,Visual Studio Code 右下端会自动提示安装 pep8 插件,点击yes即可,后续的所有 Python 文件就可以一键格式化了)
-
光标移动至文件:ctrl+alt+c 可以复制当前文件的绝对路径;ctrl+shift+alt+c 可以复制当前文件的相对路径;ctrl+alt+o 可以打开文件所在的文件夹
-
f2:变量名或者文件名重命令
-
ctrl+光标点击方法名/类名:跳转至定义处
-
ctrl+`:打开终端
-
f11:全屏切换
-
ctrl+k,z:切换禅模式
-
alt+e:打开资源管理侧边栏
-
alt+d:调试侧边栏
-
alt+x:应用商店侧边栏
-
alt+b:侧边栏toggle
-
操作前进/后退:ctrl+alt+←/→
-
alt:焦点移动至菜单栏,全屏模式下可以对菜单栏 toggle
-
alt+r:终端执行当前 Python 文件
-
ctrl+k,v:打开侧边栏预览(例如 markdown 文件),这里建议设置一下 markdown 的换行
-
编辑器的切换:ctrl+pageOn/pageDown,左右切换编辑器,alt+数字键,指定切换编辑器
待续...