完美应用Ubuntu(第4版)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

6.1 编辑器

编辑器是开发者最重要的生产力工具之一,下面介绍几款十分优秀的编辑器,令开发者的工作得心应手。

6.1.1 Ubuntu平台的Notepad++和Notepadqq

Notepad++是Windows环境下人气最旺的编辑器之一,在Ubuntu中可以直接安装,就像使用Ubuntu的原生应用一般,其实是通过WINE运行的,安装和使用起来十分方便,关键操作如下:

成功安装后,搜索Notepad++,熟悉的图标就出现了,单击即可运行,具体效果如图6-1所示。

图6-1 Notepad++

此外,还有一款极为类似的编辑器,名为Notepadqq,二者无论是外观还是使用方法都十分类似,是开发者不可或缺的应用,该编辑器的安装方法如下:

直接搜索Notepadqq,双击图片即可运行,Notepadqq主界面如图6-2所示。

图6-2 Notepadqq主界面

Notepad++其实是在WINE的支持下运行的,而Notepadqq则是原生的Ubuntu应用,使用者可以根据自己的喜好进行选择。

6.1.2 当下最流行的代码编辑器Visual Studio Code

Visual Studio Code(VSCode)是由微软出品的一款高效的专业开源代码编辑器,号称可以Double your coding speed(编码速度加倍),它集成了git版本管理和Docker容器管理,并具有代码高亮、语法检测、引用分析等诸多实用功能,支持多种开发语言及框架,可安装Atom、Sublime Text及Vim等多种编辑器的键盘布局,并有多种颜色和图标主题可选,适合前后端等各类开发者使用,官方安装方法如下:

直接搜索code,双击图标即可运行。

Tips:获得Windows和Mac版本。

由于是跨平台的编辑器,所以可以在不同的平台上获得一致的用户体验,无论是Ubuntu,Windows还是Mac。

如果是英文界面还需要汉化,单击左侧活动栏最下面的按钮输入Chinese,单击第一个搜索结果旁的绿色“Install”按钮,安装中文语言包,完成后右下角提示框提示需要重启,单击“Yes”按钮即可,重启后VSCode的界面就变成了简体中文,这样看起来就舒服多了,其主界面如图6-3所示。

图6-3 Visual Studio Code主界面

1. VSCode的用户界面

VSCode的用户界面给人的感觉是时尚、美观和专业,从左到右依次为活动栏、侧栏、编辑器和可弹出面板标签页等部分。

其中,活动栏从上到下依次为资源管理器、搜索、调试、版本管理和扩展按钮。可弹出面板由问题、输出、调试和终端标签页组成,弹出时与编辑器下部重合,通常终端标签页用得最多。

此外,VSCode编辑器底部还有一个状态栏,该状态栏具有警告(常用)、错误(常用)、光标位置(熟视无睹)、空格缩进(常用)、编码UTF-8(熟视无睹)、行稳序列(很少涉及)和语言模式(常用)等状态信息显示。

2.主题设置和下载

作为一款代码编辑器,更换各种颜色及风格的主题必不可少,VSCode具有大量的个性化主题,更换方法也很简单,选择VSCode主菜单文件(File)→首选项(Preferences)→颜色主题(Color Theme)选项,即可看到当前所有安装的颜色主题,具体效果如图6-4所示。

图6-4 定制VSCode的颜色主题

选择Light(Visual Stdio)主题后,界面瞬间光鲜亮丽了许多,具体效果如图6-5所示。也可以使用组合键,先按Ctrl+K组合键,再按Ctrl+T组合键,结果和上述操作结果类似。

图6-5 更好的VSCode主题风格

如果VSCode内置主题无法满足需要,还可以下载扩展颜色主题,具体方法为单击VSCode活动栏上的扩展按钮,在对话框中输入主题的关键字,找到主题后单击“Install”按钮便可安装,安装完成后便可选用。

3. 选择图标主题

VSCode不仅支持更换和下载颜色主题,还可以更换和下载图标主题,具体操作为:选择VSCode主菜单文件(File)→首选项(Preferences)→图标主题(File Icon Theme)选项,即可挑选自己喜欢的图标主题,如果嫌图标主题太少,可选择下列菜单最下方的安装扩展图标主题,下载方法和颜色主题类似,先搜索再安装使用。

4. 快捷键和键盘布局设置

无论哪种编辑器,快捷键(组合键)都是提高效率的不二法门,VSCode也不例外,如Ctrl+C、Ctrl+X、Ctrl+V和Ctrl+S等,高频快捷键还有以下几个:

除了使用默认的快捷键,还可以使用按键映射和自定义快捷键。按键映射,就是将VSCode编辑器的键盘布局替换为所设定编辑器的键盘布局,如将VSCode的按键映射为Vim或Emacs的键盘布局,这样VSCode使用起来就和Vim或Emacs的习惯相仿,从而降低了编辑器迁移的成本。具体实现方法为:选择VSCode主菜单文件(File)→首选项(Preferences)→按键映射(Keymaps),先搜索再安装和使用,如将VSCode映射为Vim或Notepad++的键盘布局,具体操作如图6-6所示。

图6-6 定义键盘布局

自定义快捷键的方法为:选择VSCode主菜单文件(File)→首选项(Preferences)→键盘快捷方式(Keyboard shortcuts),即可修改默认的快捷键定义,具体操作如图6-7所示。

图6-7 自定义快捷键

5. 关联GitHub

使VSCode关联GitHub十分简单,只需要在终端中将代码仓库同步到本地,然后通过VSCode活动栏中的资源管理器打开,并通过资源管理器打开代码仓文件夹,在同步下来的代码仓库文件夹中创建或修改文件,单击活动栏→分支→扩展功能按钮(三个点)选项,最后在弹出的菜单中选择提交(commit)和推送(push)即可实现,当然VSCode所支持的git功能十分全面,这里的介绍仅点到为止。

6. 插件的关联

VSCode支持丰富的插件功能,直接单击活动栏中的“扩展”键,即可搜索和安装所需要的插件,下面将开发者常用的插件列出,仅供参考。

1)C/C++ developer

C/C++(Microsoft)

C/C++ Clang Command Adapter(Yasuaki)

C/C++ Snippets(Hardsh)

C/C++ Compile Run(danielpinto8zz6)

2)Python developer

Python(Microsoft)

Python for VSCode(Thomas Haakon Townsend)

Anaconda Extension Pack(Microsoft)

flask-snippets(cstrap)

Djaneiro—Django Snippets(Scott Barkman)

3)Web developer(HTML/CSS/JavaScript)

CSS Peek(Pranay Prakash)

Prettier-Code formatter(Esben Petersen)

Auto Rename Tag(Jun Han)

Icon Fonts(idleberg)。

若要了解Visual Studio Code的使用和功能,可以访问其官方主页。