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