您的位置:

VSCode在Linux下的安装与配置

一、下载与安装

1. 首先打开VSCode官网,选择下载Linux版本的安装包。

wget https://vscode-update.azurewebsites.net/latest/linux-deb-x64/stable -O vscode-stable.deb

这里我们以64位的Debian/Ubuntu系统为例下载.deb安装包。

2. 在终端进入下载文件夹,运行以下命令安装VSCode:

sudo dpkg -i vscode-stable.deb

3. 在命令行输入code,若出现安装成功的界面,则表示安装成功,可以使用了。

二、常用插件推荐

1. GitLens: 在编辑器中直接查看git版本控制信息。

2. Bracket Pair Colorizer: 高亮显示匹配的括号。

3. Path Intellisense: 自动补全引入的模块路径。

4. Auto Close Tag: 自动闭合标签。

5. Debugger for Node.js: 让调试Node.js变得更容易。

6. Live Server: 可以在本地启动一个Web服务器并监控文件变化,自动刷新页面,使前端开发更加高效。

7. Prettier: 格式化代码,可自定义配置。

8. ESLint: 代码检查工具,可以根据不同规范进行设置。

9. Settings Sync: 同步用户配置信息到GitHub Gist,方便多台电脑之间的配置同步。

10. Material Icon Theme: 为文件、文件夹、语言等各类资源添加漂亮的图标。

三、常用配置选项

1. 外观主题: 可以在用户设置中找到workbench.colorTheme选项,更改为自己喜欢的主题。

2. 字体: 将editor.fontFamily选项改为自己喜欢的字体。

3. 自动保存: 将files.autoSave选项改为自己需要的选项。off表示关闭自动保存,onFocusChange表示只有在文件失去焦点时自动保存,onWindowChange表示只有在换到其他窗口时自动保存,afterDelay表示在延迟一定时间后自动保存。

"files.autoSave": "onFocusChange"

4. 换行符: 将files.eol选项改为自己需要的选项。比如Windows下的换行符为\r\n,而在Linux和macOS下为\n

"files.eol": "\n"

5. 缩进: 将editor.tabSize选项改为自己喜欢的缩进大小。

"editor.tabSize": 2

四、快捷键

VSCode默认情况下支持大量的快捷键,这里列出一些常用的:

Ctrl + Shift + P: 打开命令面板

Ctrl + /: 注释选中行

Alt + Shift + F: 格式化代码

Ctrl + Shift + E: 打开资源管理器

Ctrl + Shift + N: 打开新的编辑器窗口

Ctrl + B: 打开/关闭侧边栏

Ctrl + J: 打开/关闭输出窗口

五、常见问题解决

1. 解决问题:无法在终端中打开VSCode。

export PATH=$PATH:/usr/share/code/bin

2. 解决问题:中文乱码。

"terminal.integrated.fontFamily": "Monaco, 'Courier New', monospace",
"terminal.integrated.shellArgs.linux": [
    "-c",
    "export LANG=en_US.UTF-8"
]

3. 解决问题:快速打开VSCode。

可以通过以下指令在PATH中添加VSCode快捷方式来实现在任意位置可快速打开:

ln -s /usr/share/code/bin/code /usr/local/bin/code