在Ubuntu中安装VS Code

￡神魔★判官ぃ 2023-03-01 11:46 74阅读 0赞

Visual Studio Code（简称VS Code）最近几年很火爆，微软出品的。它是一个轻量级但功能强大的源代码编辑器，可在你的桌面上运行，并且可用于Windows，macOS和Linux。 它内置了对JavaScript，TypeScript和Node.js的支持，并具有丰富的其他语言（例如C ++，C＃，Java，Python，PHP，Go）和运行时（例如.NET和Unity）扩展的生态系统。

## 下载 ##

下载地址：[https://code.visualstudio.com/][https_code.visualstudio.com]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70]

## 安装 ##

$ sudo dpkg -i code_1.47.2-1594837870_amd64.deb

## 设置 ##

### 字体 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 1]

### 更改光标所在行的背景色 ###

当我们把光标放在某一行时，这一行的背景色并没有发生变化。如果想高亮显示当前行的代码，需要设置两步：  
（1）在设置项里搜索 editor.renderLineHighlight，将选项值设置为all或者line  
（2）在设置项里增加如下内容：  
“workbench.colorCustomizations”: \{  
“editor.lineHighlightBackground”: “\#00000090”,  
“editor.lineHighlightBorder”: “\#ffffff30”  
\}

复制代码上方代码，第一行代码的意思是：修改光标所在行的背景色（背景色设置为全黑，不透明度 90%）；第二行代码的意思是：修改光标所在行的边框色。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 3]

### 查找某个函数在哪些地方被调用了 ###

比如我已经在main.c文件里调用了 printf()函数。那么，如果我想知道printf()函数在其他文件中是否也被调用了，该怎么做呢？选中 printf()函数，然后按住快捷键「Shift + F12」，就能看到 foo()函数在哪些地方被调用了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 4]

## 插件 ##

VS Code的插件很丰富。这里搜集了一些常用的插件。

### Rainbow Brackets ###

为圆括号、方括号和弯曲的括号提供彩虹色。 这对于程序员特别有用。  
![在这里插入图片描述][20200724191506983.png]

### koroFileHeader ###

在vscode中用于生成文件头部注释和函数注释的插件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70 2]

### C/C++ Snippets ###

这是C/C++重用代码块， 比如你输入 for， 它可以帮助你快速生成for的完整的代码块, 可以偷懒一下了。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 5]  
![在这里插入图片描述][20200822090636387.png_pic_center]

### include Autocomplete ###

自动包括头文件。当你输入 \#include时，自动会弹出头文件给你，超级方便。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 6]

### GBKtoUTF8 ###

一般建议使用UTF8编码模式，可以将中文GBK编译模式自动转换成UTF8模式。

### TabNine ###

利用AI算法实现的代码自动补全。

### ARM ###

如果搞嵌入式的，这个就方便了，可以给汇编语言上颜色，语法高亮显示。

### compareit ###

比较出名的代码比较有Beyond Compare。VS Code也可以使用compareit插件实现一些代码比较功能。

### GitLens ###

GitLens 在git 管理上有很多强大的功能， 比如：

*  将光标放置在代码的当前行，可以看到这样代码的提交者是谁，以及提交时间。这一点，是 GitLens 最便捷的功能。
 *  查看某个 commit的代码改动记录
 *  查看不同的分支 可以将两个 commit 进行代码对比
 *  甚至可以将两个 branch 分支进行整体的代码对比。这一点，简直是 GitLens 最强大的功能。当我们在不同分支 review 代码的时候，就可以用到这一招。

## 离线安装插件 ##

有时候，公司是没有外网的，需要事先在有网的地方下载好插件，然后再离线安装插件。

（1）插件官网: [https://marketplace.visualstudio.com][https_marketplace.visualstudio.com]

首先搜索想要的插件, 找到后进入详细界面，然后搜索 `Download Extension` 关键字下载。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 7]  
（2）打开VS Code，离线安装插件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 8]

## 小结 ##

VS Code很强大，是现代的编辑器。

## 参考： ##

链接：https://juejin.im/post/6844903826063884296

[https_code.visualstudio.com]: https://code.visualstudio.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70]: /images/20230208/051423bebd874bb98a62347a3f3ef611.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center]: /images/20230208/673b5a8093d0473cb1ee4920744e085c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20230208/58257454f5eb43c3a50927f5eb80606b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20230208/af17e0911b234401bfabb867560ec30f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20230208/b08d43d5b57b486a917bf5da025995d7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20230208/e3ed55be81c5439eb9befb7b92bc37ab.png
[20200724191506983.png]: /images/20230208/342c9599f4944eaa90aa4e90911eaea0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70 1]: /images/20230208/923a635403504be88b784b3665dc764f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70 2]: /images/20230208/501c174870934e79b27ac0f9645b0cbf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20230208/be86f4a8d76e4b5dac72b27d1f072dad.png
[20200822090636387.png_pic_center]: /images/20230208/3582aedc55c64086bf9e3d7b4cbef609.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20230208/a295da9b484d46bdb657e7236cfd69ed.png
[https_marketplace.visualstudio.com]: https://marketplace.visualstudio.com
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20230208/a48d344e0979487cb43b16b70b7e026c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaW1lbmcxMTY_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20230208/43e609f4b3674fb692ae307d951acf89.png