摘要:
  VIM很强大,但是还是用VScode更习惯些。那么Ubuntu中的VScode怎么安装?安装后如何从命令行启动?如何创建快捷方式?

【说明】所用环境VMwareWorkstation16.0 + Ubuntu18.04.6 + Win10

一、安装VScode

  • 下载安装包

  进入VScode官网,找到.tar.gz,下载免安装的64位压缩包。

1
https://code.visualstudio.com/#alt-downloads
image-20220104184534948
  • 解压压缩包
1
2
3
4
cd ~
mkdir 1software
mv 下载/code-stable-x64-1639562789.tar.gz 1software/
tar -zxvf code-stable-x64-1639562789.tar.gz
  • 运行VScode
1
2
3
cd ~/1software/VSCode-linux-x64/
sudo chmod +x code
./code

【注意】这里运行该软件必须要在code文件所在文件夹,或者要加上code的绝对路径(也可以是相对路径)。

二、在终端启动VScode

  • 查看环境变量
1
echo $PATH

image-20220104185510825

  在打印结果中任选一个位置(这里选择/usr/local/bin/)进行下一步。

  • 创建软链接
1
sudo ln -s ~/1software/VSCode-linux-x64/code /usr/local/bin/code

  这样,不管在哪个目录下,只要在终端输入code即可启动VScode

三、创建VScode快捷方式

  • /usr/share/applications/创建VScode.desktop文件
1
sudo vim /usr/share/applications/VScode.desktop
  • 添加快捷方式信息
1
2
3
4
5
6
7
[Desktop Entry]
Name=VScode
Comment=Multi-platform code editor for Linux
Exec=/home/hk/1software/VSCode-linux-x64/code
Icon=/home/hk/1software/VSCode-linux-x64/resources/app/resources/linux/code.png
Type=Application
StartupNotify=true

【注意】NameExecIcon三个参数分别问快捷方式的名称、可执行文件路径、和快捷方式图标。

四、VScode插件与配置

  这里记录一些自己常用的插件(除了字体需要注意一下,其他配置项与Win10一致)以及配置。

1.插件

插件名称 插件用途
Bracket Pair Colorizer 多彩括号,不同层级的代码块的括号展现不同颜色。
Material Icon Theme 文件导航窗格不同文件图标样式。
background-cover 设置VScode背景图片。
Markdown Preview Enhanced 完善Markdown预览功能。

2.配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
{
//==========================================================================================
"tabnine.experimentalAutoImports": true, //开启自动补全
//==========================================================================================
//终端参数配置
"terminal.integrated.cursorStyle": "line",
"terminal.integrated.cursorBlinking": true,
"terminal.integrated.lineHeight": 1,
"terminal.integrated.letterSpacing": 0.5,
"terminal.integrated.fontSize": 14,
"terminal.integrated.fontFamily": "monospace",
//==========================================================================================
"window.zoomLevel": 0, //调整窗口的缩放级别
"files.autoGuessEncoding": true,
//==========================================================================================
//文本编辑窗口配置
"editor.fontSize": 16,
"editor.fontLigatures": "10",
"editor.fontFamily": "'Courier New', 'Courier New', Courier New, 'Courier New'",
"editor.fontWeight": 1000,//控制字体粗细
"editor.quickSuggestions":false,
//"editor.renderWhitespace": "all",//显示所有空格为点
//==========================================================================================
//python语法检查配置
"python.linting.flake8Enabled": true,
"python.linting.flake8Args": ["--max-line-length=248"],
"python.linting.pylintEnabled": false,
"python.pythonPath": "D:\\StudySoftware\\MyIDE\\Python\\Python39\\python.exe",
//===========================================================================================
"editor.suggest.snippetsPreventQuickSuggestions": false,
"emmet.triggerExpansionOnTab": true,
"files.associations": {
"*.vue": "html"
},
"json.schemaDownload.enable": false,
}