VSCode 小雞湯 第00期 —— 安裝和入門

簡介

這將是一個新的系列，將會以 Visual Studio Code（後文都簡稱爲 VSCode 啦）的操做，環境配置，插件介紹爲主，爲你們不按期的介紹 VSCode 的一些操做技巧，因此取名 VSCode 小雞湯，本篇將會介紹最基礎的 VSCode 安裝，以及 VSCode 中基本的編輯功能

VSCode 安裝

既然是 VSCode 小雞湯，那麼 VSCode 就是必不可少的了，否則就是白水煮蔥姜了(´▽`) ，在 VSCode 官網 能夠找到對應系統的 VSCode 的下載或是安裝

Windows 和 macOS

Windows 用戶和 macOS 用戶安裝起來都比較容易，經過下載官方的安裝程序或是 DMG 文件便可完成安裝

Linux

Linux 向來都是折騰的代言，因此 Linux 的安裝會比較麻煩，不過對於主流 Linux 發行版 VSCode 官方都提供了對應的軟件源，只要版本不是太偏應該都很容易安裝的，這裏列舉一些發行版的安裝方法

下面大部份內容來自官方文檔 Visual Studio Code on Linux

Debian 和 Ubuntu

在 Debian 和 Ubuntu 下最快捷簡單的安裝方式就是直接下載安裝包 .deb package (64-bit) 經過圖形界面或是命令行直接安裝，使用安裝包安裝會自動安裝軟件源，這樣之後也能自動升級，若是不使用包安裝，那麼能夠手動添加軟件源來安裝

curl https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > microsoft.gpg
sudo install -o root -g root -m 644 microsoft.gpg /etc/apt/trusted.gpg.d/
sudo sh -c 'echo "deb [arch=amd64] https://packages.microsoft.com/repos/vscode stable main" > /etc/apt/sources.list.d/vscode.list'

以後能夠經過 apt-get install code 來完成安裝，或者 apt-get install code-insiders 安裝 insider 版本（更新更快的測試版）

sudo apt-get install apt-transport-https
sudo apt-get update
sudo apt-get install code # or code-insiders

RH 系 —— RHEL，CentOS，Fedora

先安裝軟件倉庫

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

以後若是是 Fedora 22 之後的版本能夠直接經過 dnf 來安裝

dnf check-update
sudo dnf install code

若是是其餘的（Fedora < 22，CentOS，RHEL）那麼經過 yum 來安裝

yum check-update
sudo yum install code

RH 系也能夠直接下載 rpm 包安裝，可是這樣安裝後不會安裝軟件參數，沒法自動更新，因此並不推薦這樣安裝

OpenSUSE 系

先安裝軟件倉庫

sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ntype=rpm-md\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/zypp/repos.d/vscode.repo'

使用 zypper 安裝

sudo zypper refresh
sudo zypper install code

ArchLinux

ArchLInux 有一個社區維護的 aur 包，能夠直接安裝

開始使用

安裝完成後，大部分系統都會創建一個應用程序的啓動器或者快捷方式，通常來講直接點擊就能夠打開了，打開後能夠看到 VSCode 的主界面

接下來介紹下使用 VSCode 時一些必備的知識

Activity Bar

左邊豎着的是 VSCode 的 Activity Bar，上面初始從上到下分別是「Explorer（文件瀏覽器）」，「Search（搜索）」，「Source Control（代碼控制）」，「Debug（調試）」，「Extensions（插件）」五個功能，這五個功能也是 VSCode 的基礎功能，在安裝其餘插件後可能會在 Activity Bar 上增長新的按鈕

VSCode 的項目結構組織

沒有打開任何項目的狀況下，打開 Explorer 界面咱們能夠看到當前打開的文件，下面會提示咱們尚未打開目錄

VSCode 中，通常來講打開目錄就至關因而一個項目，咱們在打開目錄後能夠在 Explorer 界面進行文件的增刪改操做，也能夠經過快速打開功能打開當前打開目錄下的文件，查找功能也會搜索當前打開目錄下的全部文件

若是須要一次打開多個目錄，那麼能夠在 Explorer 空白處右鍵菜單中選擇「Add Folder to Workspace」添加新的目錄

這時候 Explorer 會自顯示 Workspace 下的全部項目

這時候一樣快速打開，搜索功能，都會支持搜索全部在 Workspace 中的目錄，同時會顯示文件是屬於哪一個目錄

.vscode 目錄

在打開項目的狀況下，若是在當前項目或者工做空間，有特定的設置，或者有調試設置，那麼 VSCode 會在項目目錄下面創建一個 .vscode 目錄用於存放 VSCode 對於項目或是工做空間的特定設置

使用 ⌘ - ,（Ctrl - ,）打開設置界面，其中 Workspace Setting 就是針對當前工做空間的設定

若是打開的工做空間有多個目錄，那麼還能夠針對每一個目錄單獨設定

終端

使用 ⌘ - ` （ Ctrl - ` ）能夠快速在當前工做路徑打開終端，使用加按鈕，能夠打開新的終端，使用垃圾桶按鈕能夠關閉當前的終端，點擊終端選擇下拉器能夠選擇當前終端，點擊叉只是隱藏底部的區域，並不會關閉

其餘經常使用小技巧

• 最近項目：在啓動頁面，若是以前打開過項目的話可使用 Ctrl - r 選擇最近打開的項目（文件夾或是工做空間）

• 快速打開：使用 ⌘ - p 能夠打開快速打開界面，能夠經過名稱快速的搜索當前工做空間下的全部文件，在快速打開的搜索框中輸入 > 能夠打開 Command Palette（命令窗口），輸入 @ 能夠搜索當前文件的符號，輸入 # 能夠按名稱搜索整個項目的 Tag，這些是經常使用的，輸入 ? 能夠看到全部的功能

• 對於 VIM 用戶：強烈建議使用 Vim 插件，而且開啓 EasyMotion

• 換個文件圖標主題：Material Icon Theme 看上去挺不錯，不過偶爾也能夠換換其餘的

• 換點顏色主題：VSCode 中有不少顏色主題，過段時間換一換，感覺下不一樣的氣氛和心情

結語

這是我給你們帶來的第一碗 VSCode 小雞湯，內容含量可能不是很高，主要以安裝和簡單配置和使用爲主，後續會跟上一些使用上的技巧或是環境搭建之類的主題，但願本文能給你們搬磚生活帶來一些幫助，寫的很差的地方你們也別吝嗇該丟磚就丟磚

VSCode 之類的現代文本編輯器，在插件的搭配下已經能夠慢慢的在部分方面接近 IDE 了，我已經全面使用 VSCode 約兩年左右，目前在項目開發上已經慢慢疏遠了曾經最愛的 VIM，畢竟搭配 Vim 插件後，與 VIM 已經很是接近了，而且有不少開箱即用的工具，我的一直侍奉的原則就是使用合適的稱手的工具，而不爲了炫技必定要用什麼

最後歡迎你們訂閱個人微信公衆號 Little Code

• 公衆號主要發一些開發相關的技術文章
• 談談本身對技術的理解，經驗
• 也許會談談人生的感悟
• 本人不是很高產，可是力求保證質量和原創