VS Code 遠程開發配置筆記

對前端來講，VS Code簡直就是宇宙最強開發工具，配合各類插件，能夠知足咱們各類項目的開發需求。可是每當切換工做環境，就須要花很長時間去作環境的搭建或者是同步，即使代碼能夠同步到git倉庫，但不少時候並不想把沒有完成的代碼給提交到倉庫裏，形成提交記錄污染。因此遠程開發的模式，就成了迫切的提升生產力的需求。

VS Code的Remote-SSH插件就提供了這樣的能力，且配置很是簡單。

本文就記錄了一個完整的配置過程，分爲兩個部分，本地配置部分和遠程配置部分

遠程配置

一、先搞一臺雲服務器

僅我的開發的話1核2G足矣，騰訊雲便宜點，鏡像能夠用CentOS 8的。

二、安裝一些必要的依賴

例如git、node、yarn、nginx等，最主要是git，具體安裝步驟寫到後面

三、生成ssh-key，供免密用

ssh-keygen，一路回車

四、克隆項目。遠程配置暫告一段落。

本地配置

一、安裝Remote-SSH插件

會搜到三個結果
Remote - SSH - 經過使用 SSH 連接虛擬或者實體Linux主機。
Remote - Containers – 鏈接 Docker 開發容器。
Remote - WSL - 鏈接 Windows Subsystem for Linux （Linux子系統）。
裝一個就全裝上了，咱們其實只須要ssh的這個
![image](/img/bVcPm9Z)

二、配置資源管理器

安裝好之後，左側欄會多出一個圖標，遠程資源管理器，點擊之後，選擇SSH Targets
![image](/img/bVcPnab)
而後進行配置
![image](/img/bVcPnaq)
Host名字隨便起
HostName就是你的遠程機器的eip
User默認root
![image](/img/bVcPnau)

三、鏈接遠程服務器

配置完以後肯定，左側targets裏就出現了你的這臺機器，而後點擊開始鏈接
![image](/img/bVcPnbq)
輸入密碼，而後就能夠看到遠程目錄了
![image](/img/bVcPnbE)

四、安裝插件

本地的插件是不能直接在遠程用的，須要額外再裝一次
![image](/img/bVcPnbQ)

五、配免密登陸

打開本機的git bash，找到id_rsa.pub，複製內容
而後打開遠程服務器終端，進到~/.ssh目錄，touch一個authorized_keys文件（若是沒有的話），把祕鑰粘貼進去，保存
嘗試再重啓vscode，就ok了