###### tags: `ide` # Set up Remote SSH on VS Code ### 1. 在Local端產生SSH Key Windows與Linux指令相同 ```bash ssh-keygen ``` ### 2. 複製SSH Key 將Local端`.ssh/id_rsa.pub`內容複製貼上到Remote的`~/.ssh/authorized_keys` ### 3. 測試SSH Key是否設置成功 在Local嘗試輸入以下指令,若無跳出輸入密碼提示,且能成功連線,則表示SSH Key設置成功 ``` ssh michelleli@127.0.0.1 ``` ### 4. VSCode安裝套件[Remote - SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh) 安裝完成後,左側選單會新增Remote Explorer ![](https://i.imgur.com/VoGb8fH.png) ### 5. 編輯config檔案 確認左下角顯示未連線狀態 ![](https://i.imgur.com/FNCbDXp.png) 點選後跳出選單 ![](https://i.imgur.com/ebBg59K.png) ##### 選項一(Connect to Host) 直接輸入user及host資訊並連線,不會加入SSH Targets,下次使用須重新輸入。 ![](https://i.imgur.com/kZ7Yy3x.png) ##### 選項二(Open SSH Configuration File)==選這個== 編輯config檔案,儲存後SSH Targets會出現相同Host名稱的選項 ![](https://i.imgur.com/jfAMtcv.png) 未來點選Conect to Host in New Window即可在新視窗開啟 ![](https://i.imgur.com/YzhSkmW.png) ### 6. 設定專案目錄 確認左下角顯示已連線狀態 ![](https://i.imgur.com/4Po5R40.png) 點選左側Explorer→點選Open Folder→輸入路徑→OK ![](https://i.imgur.com/WPciNzX.png) 未來點選Open on SSH Host in New Window即可直接開啟目錄 ![](https://i.imgur.com/0UvgFQR.png) ![](https://i.imgur.com/q6GjOSZ.png) ### 7. 關閉連線 點選左下角圖示 ![](https://i.imgur.com/4Po5R40.png) 點選選單最後一個選項Close Remote Connection ![](https://i.imgur.com/1YGfPp5.png)