如何通過SSH配合VSCode收穫超舒適的遠程開發體驗
theme: fancy highlight: atom-one-light
持續創作,加速成長!這是我參與「掘金日新計劃 · 6 月更文挑戰」的第6天,點擊查看活動詳情
Hi~,我是一碗周,如果寫的文章有幸可以得到你的青睞,萬分有幸~
🍓 寫在前面
最近公司有一個外包項目,需要遠程開發,不管是用遠程控制軟件還是微軟的遠程桌面連接,體驗都不是很好,感覺特別的不舒服,尤其是微軟的遠程桌面連接,只能一個人使用,經常出現你擠我我擠你的現象,這就我想到一年前通過SSH遠程連接過Linux進行開發,這次就來遠程連接一下Windows進行開發。
設備版本如下: 遠程控制電腦:Win11 遠程被控制電腦:Win10 VSCode版本:1.67.2 Remote - SSH版本:0.80.0
🫐 配置SSH服務器
首先我們需要安裝一個OpenSSH服務器,如果是Win10系統的話,安裝起來就比較簡單了,步驟如下:
第一步,打開【設置】,快捷鍵【Win+i】,找到【應用】→【應用和功能】→【管理可選功能】進入;
第二步,安裝OpenSSH服務器,如果列表中存在OpenSSH服務器就説明已經安裝成功了,否則點擊【添加功能】,然後找到OpenSSH服務器進行安裝;
安裝時在下面會出現一個進度條,耐心等待即可。
如果你喜歡命令行的方式安裝,首先以管理員身份打開PowderShell,然後依次執行下面這幾條命令
```powershell
獲取SSH軟件名稱
Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'
```
輸出結果如下:
powershell
Name : OpenSSH.Client~~~~0.0.1.0
State : NotPresent
Name : OpenSSH.Server~~~~0.0.1.0
State : NotPresent
第一個表示SSH客户端,第二個表示SSH服務器
我們這裏安裝SSH服務器,win10默認安裝SSH客户端,安裝命令如下:
powershell
Add-WindowsCapability -Online -Name OpenSSH.Server~~~~0.0.1.0
輸出內容與下面類似説明安裝成功
powershell
Path :
Online : True
RestartNeeded : False
第三步,開啟SSHD服務,我們需要打開PowerShell命令名,然後輸入如下命令:
powershell
Start-Service sshd
第四步,設置服務自啟動
powershell
Set-Service -Name sshd -StartupType 'Automatic'
最後一步,在防火線中配置SSH,只需要將下面這段命令複製到PowerShell中即可:
powershell
if (!(Get-NetFirewallRule -Name "OpenSSH-Server-In-TCP" -ErrorAction SilentlyContinue | Select-Object Name, Enabled)) { Write-Output "Firewall Rule 'OpenSSH-Server-In-TCP' does not exist, creating it..." New-NetFirewallRule -Name 'OpenSSH-Server-In-TCP' -DisplayName 'OpenSSH Server (sshd)' -Enabled True -Direction Inbound -Protocol TCP -Action Allow -LocalPort 22 } else { Write-Output "Firewall rule 'OpenSSH-Server-In-TCP' has been created and exists." }
🍑 SSH連接服務器
現在我們就在自己的電腦上通過SSH命令去連接我們之前配置的WIndows服務器,不管你的設備是Mac、Windows還是Linux,只要有ssh命令都可以進行連接。
這裏我使用的是Win11,命令如下:
powershell
ssh [email protected]
這裏的administrator
表示的用户名,0.0.0.0
表示的是服務器的ip地址。
輸入完成後需要先輸入yes
然後輸入密碼即可連接成功。
🍒 通過Remote-SSH連接
最後我們通過VSCode的擴展Remote-SSH實現遠程開發,步驟如下:
第一步:安裝Remote-SSH擴展,直接搜索安裝即可,他長下面這個吊樣子:
第二步,打開【遠程資源管理器】
第三步,鼠標懸停到【SSH TarGETS】上,點擊【設置】
第四步:點擊這個配置文件
第五步:進行配置:
```powershell
Read more about SSH config files: https://linux.die.net/man/5/ssh_config
Host alias # 別名,可以隨便寫 HostName 0.0.0.0 # 遠程連接的ip地址 User Administrator # 遠程連接的用户名 ```
第六步,點擊連接,也就是下圖中的那個小圖標
第七步:選擇系統,是什麼系統我們就選什麼系統
第八步:輸入服務器的密碼後等待即可
最後一步,打開工程目錄進行開發即可
到此就配置完成了。
🍌 寫在最後
本篇文章中記錄瞭如何將一個Windows變成一個SSH服務器以及通過SSH命令連接並在VSCode中可以開發的一個過程,如果對你有幫助,可以點贊收藏避免以後找不到\~
- 用ChatGPT學Nginx是一種什麼體驗
- 【好物分享】分享給前端開發的28個資源(網站、軟件、插件),簡直是提高效率必備
- Vite3.0都來了,你還捲動嗎?(Vite3.0新特性一覽)
- 【好物分享】在命令行讀Markdown,這個感覺太舒服了
- 從0開始使用pnpm構建一個Monorepo方式管理的demo
- 我畫了5張腦圖可以讓你快速入門TypeScript
- 我看着MDN文檔,手寫了幾個數組實例方法
- 淺談JavaScript中的特殊函數
- 如何通過SSH配合VSCode收穫超舒適的遠程開發體驗
- CSS的calc函數不會還有人沒有用吧
- 【戲玩算法】12-圖
- 誰説前端不能搞紅黑樹,用這55張圖拿JS一起手撕紅黑樹
- 簡單總結了10個JavaScript代碼優化小tips
- NaiveUI中看起來沒啥用的組件(文字漸變)實現原來這麼簡單
- 面試官讓我用Flex寫色子佈局,我直接給寫了6個
- Vue3 TS Vite NaiveUI搭建一個項目骨架
- 用一萬多字從頭到尾介紹【函數式編程】
- 這8張腦圖幾乎概括了所有的佈局方案,確定不看看嗎?
- 【戲玩算法】07-字典
- 還在console.log一把梭嗎?console還有其他騷操作