跳转至

1.4 安装vscode及相关插件

约 863 个字 1 行代码 预计阅读时间 3 分钟

一、安装vscode

1、使用系统自带的应用市场安装

点击【ubuntu software】图标,打开应用市场

vscode_setup1 ubuntu_software

点击左上角的搜索按钮,输入vscode

vscode_setup2

第一项就是了,点击

vscode_setup3

点击【安装】按钮

vscode_setup4 vscode_setup5

我通过以上安装的vscode界面不能输入中文,可能应用市场中的版本有问题。所以我们卸载它,然后通过官方下载方式安装

2、官方下载安装文件安装

官方下载地址:https://code.visualstudio.com/Download

vscode_setup6

我们选择.deb x64版本,下载后我们得到一个安装包

vscode_setup7

我们可以使用命令进行安装,命令如下:

apt install ./code_1.85.2-1705561292_amd64.deb
也可以通过图形界面安装,在安装包上点击右键

vscode_setup8

选择【使用其他程序打开】选项

vscode_setup9

选择【软件安装】选项,点击【选择】

vscode_setup10

选择【安装】,安装完成后,我们在vscode中打印中文,效果如下:

vscode_setup11

二、安装vscode插件

1、安装插件步骤

插件的安装步骤十分简单,下面我们以安装简体中文插件为例演示一下: 打开vscode

vscode_start

点击左侧栏按钮【Extensions】或者快捷键Ctrl+Shift+X

vscode_plugin1

在打开的面板中,输入chinese,点击 第一项,我们安装简体中文语言插件,点击【install】安装

vscode_plugin2

安装完成后,在右下角弹出的提示框中,我们选择【Change Language and Restart】

vscode_plugin3 vscode_plugin_end

好了,现在我们的vscode界面就是中文的了,其他插件安装步骤跟上面没什么不同。

2、推荐插件列表

我们需要安装的插件列表如下:

Python

python语言支持插件

vscode_plugin4

Python Debugger

python语言调试支持

vscode_plugin5

Black Formatter

python语言格式化

vscode_plugin6

Qt for Python

PySide6设计器支持插件

vscode_plugin7

Tensorboard

使用keras训练模型时,方便在vscode标签页中查看训练曲线

vscode_plugin8

ROS

使用vscode开发ROS必备插件

vscode_plugin9

IntelliCode

python开发代码提示插件

vscode_plugin10

CMake Tools

支持cmake插件

vscode_plugin11

vscode-icons

支持不同文件用不一样的图标展示

vscode_plugin12

XML

支持xml

vscode_plugin13

Jupyter

支持jupyter notebook,在编写训练模型时,尤其方便易用

vscode_plugin14

Visual Studio Keymap

支持vs快捷键,对于习惯vs开发的人员,保持一致的快捷键尤其方便

vscode_plugin15

三、vscode的界面美化设置

定制标题栏

让菜单位于标题栏,这样在现代宽屏时代,可以让屏幕高度上更有展示空间,配置如下: 打开【设置】窗口,【文件】->【首选项】->【设置】,也可以用快捷键:Ctrl+, 在搜索框中输入:title bar style

vscode_set1

将下拉选项的【native】改为【custom】

vscode_set2

点击【重启】,界面变的更加美观现代。

vscode_set3

更换GitHub主题

搜索扩展GitHub Theme,点击【安装】

vscode_set4

安装完成后,选择【Github Dark Colorblind】选项,或者按 快捷键:Ctrl+K+T 选择【Github Dark Colorblind】选项

vscode_set5

vscode界面变的更漂亮

放大界面

在现代高分屏时代,默认的vscode界面,字体感觉有些小了,那么放大界面可以进行如下操作: 打开【设置】窗口【文件】->【首选项】->【设置】,也可以用快捷键:Ctrl+, 在搜索框中输入:zoom level

vscode_set6

我们在文本框中,输入2,放大40%

vscode_set7

开启自动保存

开启自动保存功能,在修改文件后,系统自动保存,可以极大提高我们的开发的效率。开启自动保存的方法如下: 点击【文件】菜单,单击【自动保存】选项即可。

vscode_set8