Windows 上使用 VSCode Remote 插件進行遠程開發


Windows 上使用 VSCode Remote 插件進行遠程開發


直到 VSCode remote-ssh 插件出來和我買了一臺 NUC 機器之前,我一直在維護兩套開發環境,一套防在公司的 CentOS 虛擬機上,另一套則是家裡的 Windows 機器。因為代碼同步以及 Windows和 Linux 系統差異等問題,維護兩套環境非常麻煩。但是現在通過 https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack +VPN 的方式就可以在 Windows 上使用 NUC 機器進行開發。

配置遠程機器

這個方案也適用於虛擬機作為遠程機器,只要它能夠通過 SSH 遠程訪問即可。這裡我使用 mosh 作為openssh 替代方案,因為我在 windows 上使用的 https://github.com/felixse/FluentTerminal對 mosh 有更好的支持。這是我在 Windows 上最滿意的終端,顏值不錯,速度比 Hyper 要快,而且支持iterm 顏色方案導入

https://i.postimg.cc/4NN0M7d9/fluent-terminal.png](https://postimg.cc/7bdXJLSH)

遠程機器上可以通過下面的方式安裝 mosh-server

<code># CentOS# 需要安裝 epel-releasesudo yum -y install epel-releasesudo yum updatesudo yum -y install mosh# Ubuntu 或 deepinsudo apt -y install mosh# 啟動 mosh-servermosh-server/<code>

在遠程機器上我習慣用 oh-my-zsh,可是遠程連接上去的時候 PATH 環境變量與直接登錄時有差異導致遠程連接時 cargo procs 等命令無法使用。簡單粗暴的解決辦法時將直接登錄時的 PATH寫入 ~/.zshrc 文件

<code># ~/.zshrcPATH=$PATH:/home/rookie/.cargo/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/home/rookie/bin:/bin/<code>


配置本地機器

建議在將本地機器上的 id_rsa.pub 文件內容複製到 ~/.ssh/authorized_keys 中,這樣可以避免每次連接時都需要輸入密碼。

接著配置 ssh config 文件示例配置如下

<code># ~/.ssh/configHost NUC    HostName 172.16.130.38    User rookie    IdentityFile ~/.ssh/id_rsa/<code>

接著在本地的 VSCode 下載 vscode-remote 插件,雖然還處於 preview 階段,但正式版 VSCode現在也可以直接安裝了。

https://i.postimg.cc/mDkRBXZQ/remote.png](https://postimg.cc/t1K8zzxT)

安裝完成後應該會在左下角有個連接圖標

https://i.postimg.cc/Nfcsrxdw/image.png](https://postimg.cc/SjgFBc0Z)

點擊然後選擇 remote-SSH: Connection to remote host,然後在 Host 列表選擇之前配置好的NUC,等待連接完成。

連接完成後 VSCode 會打開一個新窗口,窗口左下角的遠程連接圖標顯示當前窗口已連接到 NUC

https://i.postimg.cc/gkmp020z/NUC.png](https://postimg.cc/9z8K8VTK)

選擇打開文件打開遠程機器上的一個文件夾即可開始在遠端機器編輯代碼

https://i.postimg.cc/3w45qytB/image.png](https://postimg.cc/67Xm2QJ2)

值得一提的是在這個窗口打開的命令行也是在遠程機器上的,不需要打開後再手動登錄 :+1: 。

不過需要注意的是遠程的 VSCode 不會同步本地插件,需要再次安裝,安裝後的插件右下角也會帶遠程連接的圖標

https://i.postimg.cc/j5H9VyPz/image.png](https://postimg.cc/HcL3XcSx)


分享到:


相關文章: