一、下载与安装
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