Linux 之 Ubuntu 代码开发工具 Visual Studio Code(VSCode) 的安装与一些常用插件配置的简单整理
目录
Linux 之 Ubuntu 代码开发工具 Visual Studio Code(VSCode) 的安装与一些常用插件配置的简单整理
一、简单介绍
二、Visual Studio Code 下载与安装
三、 Visual Studio Code 方便开发的常用插件配置
1、C/C++ 插件,Linux C/C++ 必备
2、C/C++ Snippets,即 C/C++重用代码块
3、C/C++ Advanced Lint,即 C/C++静态检测
4、Code Runner,即代码运行
5、Include AutoComplete,即自动头文件包含
6、Rainbow Brackets,彩虹花括号,有助于阅读代码
7、One Dark Pro,VSCode 的主题
8、GBKtoUTF8,将 GBK 转换为 UTF8
9、Chinese(Simplified),即中文环境
10、vscode-icons,VSCode 图标插件,主要是资源管理器下各个文件夹的图标
11、compareit,比较插件,可以用于比较两个文件的差异
12、DeviceTree,设备树语法插件
13、TabNine,一款 AI 自动补全插件,强烈推荐,谁用谁知道
14、CMake
15、CMake Tools
四、Visua l Studio Code 的一些设置
1、设置代码字体大小
2、代码自动保存设置,(鼠标光标焦点变化,自动保存)
一、简单介绍
Linux/Ubuntu 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。
本节介绍,Ubuntu 代码开发工具 Visual Studio Code(VSCode) 的安装与一些常用插件配置的简单整理。如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。
Visual Studio Code(简称“VS Code” [1] )是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器, [2] 可在桌面上运行,并且可用于Windows,macOS和Linux。它具有对JavaScript,TypeScript和Node.js的内置支持,并具有丰富的其他语言(例如C++,C#,Java,Python,PHP,Go)和运行时(例如.NET和Unity)扩展的生态系统。
二、Visual Studio Code 下载与安装
1、到官网下载 VScode
官网网址:Download Visual Studio Code - Mac, Linux, Windows
![](https://img-blog.csdnimg.cn/b1bd9ef3516245c692a13d932d1cf354.png)
2、使用FileZilla 工具,获取其他文件互传或者共享工具,把 VScode安装包传到 Ubuntu
FTP服务器和FileZilla 工具文件互传安装博文参见:Linux 之 Ubuntu FTP服务的安装/配置,并使用FileZilla客户端进行文件互传的简单整理
![](https://img-blog.csdnimg.cn/e8fa5c17f53242fc8177d7cb28cefdbd.png)
3、回到 Ubuntu ,在VScode软件文件夹下,使用命令安装 VScode
命令:sudo dpkg -i code_1.73.1-1667967334_amd64.deb
![](https://img-blog.csdnimg.cn/5225edc67e9d418aaefc39b0c265b5b5.png)
4、在搜索里面,搜索 visual studio code 相关,即可找到 VIsual Studio Code,点击打开
![](https://img-blog.csdnimg.cn/2748debfde174652b8660b674de0ffd3.png)
5、如果软件可以正常打开如下界面,说明软件安装成功
![](https://img-blog.csdnimg.cn/3cd532bd5b1c4e02a4a8dc3d7c281298.png)
6、也可以使用 code 命令打开 VSCode
如图:code . ,使用 VSCode 打开当前文件夹
![](https://img-blog.csdnimg.cn/4e11291052474a068b69b0f99e45c813.png)
三、 Visual Studio Code 方便开发的常用插件配置
仅供参考,根据需要安装配置即可,注意有些配置可能需要重启软件才生效
0、插件安装,点击左边如下图标
![](https://img-blog.csdnimg.cn/42e265aad1654cf2a2bf1afa4b7eabe6.png)
1、C/C++ 插件,Linux C/C++ 必备
![](https://img-blog.csdnimg.cn/0d403c3decad454bad7608202be97b8b.png)
2、C/C++ Snippets,即 C/C++重用代码块
![](https://img-blog.csdnimg.cn/8d25f29deb814021b01b4d83d64338b8.png)
3、C/C++ Advanced Lint,即 C/C++静态检测
![](https://img-blog.csdnimg.cn/8799e41af4844aa2b44edcad34d87587.png)
4、Code Runner,即代码运行
![](https://img-blog.csdnimg.cn/4ab7b92d4d4340fe96471e278b3d4d8d.png)
5、Include AutoComplete,即自动头文件包含
![](https://img-blog.csdnimg.cn/85f072de0766441384f88adc7ea82aa0.png)
6、Rainbow Brackets,彩虹花括号,有助于阅读代码
![](https://img-blog.csdnimg.cn/e27f98a37a284b3f99e3572fe4a663bb.png)
7、One Dark Pro,VSCode 的主题
![](https://img-blog.csdnimg.cn/f69fad13afbf415db42b8cd2802107b8.png)
8、GBKtoUTF8,将 GBK 转换为 UTF8
![](https://img-blog.csdnimg.cn/90f2d2b658d04569b726e42fafac2731.png)
9、Chinese(Simplified),即中文环境
![](https://img-blog.csdnimg.cn/6a253a6145d64d918a53562d949d0dca.png)
10、vscode-icons,VSCode 图标插件,主要是资源管理器下各个文件夹的图标
![](https://img-blog.csdnimg.cn/49ac60dde66f4050925d84ff7a44a8ad.png)
11、compareit,比较插件,可以用于比较两个文件的差异
![](https://img-blog.csdnimg.cn/c104619d038d484a8cdf6c4f4db0c10e.png)
12、DeviceTree,设备树语法插件
![](https://img-blog.csdnimg.cn/f9d78b9dfcc54986ae3ff66b45968ea3.png)
13、TabNine,一款 AI 自动补全插件,强烈推荐,谁用谁知道
![](https://img-blog.csdnimg.cn/f294bb13f3e348328ac35fc3e4a56379.png)
14、CMake
![](https://img-blog.csdnimg.cn/a8c117c120ac44958a0d7adfa51c106f.png)
15、CMake Tools
![](https://img-blog.csdnimg.cn/21a959e396164e28aef96e0e08b55123.png)
四、Visua l Studio Code 的一些设置
0、设置打开方式,左下角齿轮图标 - Settings[Ctrl+,]
![](https://img-blog.csdnimg.cn/b67b7618c86840759a8afd5676f42706.png)
![](https://img-blog.csdnimg.cn/c6d309a3c65c4beabb37977858aa31bc.png)
1、设置代码字体大小
![](https://img-blog.csdnimg.cn/2d34b23083e348ab9efcc067d7025f9a.png)
2、代码自动保存设置,(鼠标光标焦点变化,自动保存)
![](https://img-blog.csdnimg.cn/f1ca0ae4ec294d40ae5b8810b235ddf3.png)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)