手把手體驗(yàn)遠(yuǎn)程開發(fā)，確實(shí)爽
從 0 開始體驗(yàn)一波遠(yuǎn)程開發(fā)
大家好，我是魚皮。
記得剛開始學(xué)編程的時(shí)候，我理所應(yīng)當(dāng)?shù)匾詾橹荒芫庉嬜约弘娔X上的代碼文件。如果想要修改服務(wù)器上的代碼，只能先把代碼從服務(wù)器上拷貝下來(lái)，然后在本地修改好再上傳到服務(wù)器上。
但是這樣效率實(shí)在太低了！
后來(lái)我學(xué)聰明了，利用 git 在本地和遠(yuǎn)程之間同步。先在本地修改好代碼，git push 推送到 Github 代碼托管平臺(tái)上，再到服務(wù)器上 git pull 拉取。雖然方便了不少，不過遇到頻繁修改的情況還是很抓狂。
那有沒有更高效的方式，能夠保持本地和遠(yuǎn)程代碼的實(shí)時(shí)同步呢？
請(qǐng)出今天的主角：遠(yuǎn)程開發(fā)技術(shù)，下面我?guī)Т蠹殷w驗(yàn)一波。
遠(yuǎn)程開發(fā)實(shí)戰(zhàn)
本文大綱：
何為遠(yuǎn)程開發(fā)？
遠(yuǎn)程是相對(duì)于本地的。
傳統(tǒng)開發(fā)中，我們都是本地寫好代碼再放到服務(wù)器上運(yùn)行。
而遠(yuǎn)程開發(fā)的特點(diǎn)是：
代碼不放在自己電腦上，而是在遠(yuǎn)程連接的服務(wù)器上
可以在本地直接實(shí)時(shí)查看和修改遠(yuǎn)程服務(wù)器上的代碼
也就是說，我們可以蹲在家里，用自己的一臺(tái)電腦去靈活編輯遠(yuǎn)在天邊的服務(wù)器上的代碼。
注意！不要把遠(yuǎn)程開發(fā)理解為遠(yuǎn)程辦公哈哈。
聽起來(lái)還是挺爽的，有很多種技術(shù)可以實(shí)現(xiàn)遠(yuǎn)程開發(fā)，比如最古老的遠(yuǎn)程控制方式。這里推薦大家直接使用開發(fā)工具自帶的遠(yuǎn)程開發(fā)插件，比如 JetBrains 全家桶和 VS Code。
由于 VS Code 相對(duì)輕量易用，這里帶大家實(shí)戰(zhàn)一波 VS Code 遠(yuǎn)程開發(fā)。
實(shí)戰(zhàn)體驗(yàn)
1. 安裝插件
首先打開 VS Code，點(diǎn)擊左側(cè)擴(kuò)展按鈕，搜索 "remote"，能夠看到一些遠(yuǎn)程開發(fā)插件，支持 SSH 遠(yuǎn)程連接、連接 Docker 容器、連接Windows 上的 Linux 子系統(tǒng)等。
這里我們選擇下圖第二個(gè) Remote - SSH ，點(diǎn)擊安裝即可：
2. 遠(yuǎn)程連接
安裝好之后，按 ctrl + shift + p 打開命令面板，輸入 "remote"，找到 Remote - SSH: Add New SSH Host ，添加一個(gè) SSH 遠(yuǎn)程連接。
根據(jù)提示輸入你要連接的遠(yuǎn)程服務(wù)器的用戶名、主機(jī)地址（如果沒有服務(wù)器，在本地啟動(dòng)虛擬機(jī)也可以），記得帶上 -A 參數(shù)（開啟代理轉(zhuǎn)發(fā)功能）：
輸入連接信息后，選擇將該信息保存到一個(gè)配置文件中：
然后連接信息就添加成功了：
點(diǎn)擊 connect 按鈕，就連接成功了，在左側(cè)面板中可看到 “已連接到遠(yuǎn)程”：
3. 實(shí)時(shí)瀏覽
連接到遠(yuǎn)程后，我們就可以像操作自己本地電腦一樣，瀏覽遠(yuǎn)程服務(wù)器上的文件。
比如說我這里進(jìn)入自己的項(xiàng)目目錄：
在左側(cè)可以看到目錄下的文件：
4. 遠(yuǎn)程編輯
讓我們?cè)诰庉嬈髦行陆ㄒ粋€(gè)文件 test.java ，
可以使用 XShell 等其他遠(yuǎn)程 SSH 連接軟件訪問同一臺(tái)服務(wù)器，進(jìn)入同一個(gè)目錄，用 ls 查看目錄下的文件，能看到在 VS Code 中新建的 java 文件：
5. 實(shí)時(shí)協(xié)作
我們可以用 VS Code 和其他 SSH 連接軟件（如 XShell）來(lái)模擬兩個(gè)用戶正在同時(shí)協(xié)作編寫同一個(gè)代碼文件。
先在 VS Code 中寫下一行優(yōu)質(zhì)代碼：
再在 XShell 中編輯該文件，可以立即看到 VS Code 寫下的那行代碼，在它下面再寫一行：
保存之后，在 VS Code 中就能看到全部代碼了：
6. 端口轉(zhuǎn)發(fā)
既然我們編輯的代碼是在遠(yuǎn)程的，那代碼也是運(yùn)行在遠(yuǎn)程的，假如說要查看遠(yuǎn)程項(xiàng)目的運(yùn)行效果，怎么辦呢？
VS Code 提供了端口轉(zhuǎn)發(fā)功能，可以配置遠(yuǎn)程服務(wù)器和本地端口的映射，以支持本地直接訪問到遠(yuǎn)程服務(wù)器的應(yīng)用。
按 ctrl + shift + p 打開命令面板，搜索 "forward"，選擇轉(zhuǎn)發(fā)端口：
輸入要轉(zhuǎn)發(fā)的端口號(hào)（應(yīng)用占用的端口），就添加成功了，非常方便！
然后就能在本地訪問運(yùn)行的項(xiàng)目啦！
7. 遠(yuǎn)程調(diào)試
除了遠(yuǎn)程編輯代碼外，我們可以利用 VS Code 本身的代碼提示能力和調(diào)試能力。由于遠(yuǎn)程調(diào)試和本地調(diào)試幾乎沒有任何區(qū)別，此處不再演示。
感受
雖然之前早就聽說了遠(yuǎn)程開發(fā)，但一直覺得這玩意配置肯定會(huì)很麻煩，而且沒啥用。但實(shí)際體驗(yàn)下來(lái)，不僅安裝方便，而且操作友好、基本感受不到延遲，就像在用自己的電腦一樣，真心非常爽！
遠(yuǎn)程開發(fā)有很多好處：
由于代碼運(yùn)行在遠(yuǎn)程服務(wù)器，能夠大大節(jié)省自己電腦的資源，不會(huì)出現(xiàn)多開幾個(gè)項(xiàng)目電腦就卡如狗的情況。
可以多人協(xié)同編輯，提高協(xié)作效率。
不用在本地搭建環(huán)境，就能快速上手開發(fā)。尤其是一條龍開發(fā)、啥都讓你干的時(shí)候，更爽，比如之前我去緊急支持一個(gè)項(xiàng)目的時(shí)候，同事有一臺(tái)開發(fā)機(jī)，上面有現(xiàn)成的可運(yùn)行環(huán)境和項(xiàng)目代碼。下次再遇到這種情況，我就直接連他的服務(wù)器遠(yuǎn)程開發(fā)就行了。
如果對(duì) Linux 服務(wù)器操作不太熟悉，也可以把遠(yuǎn)程開發(fā)當(dāng)成一個(gè)傻瓜式服務(wù)器管理軟件。
以上就是本期分享，感興趣的同學(xué)可以看下我在小破站新發(fā)布的 VS Code 遠(yuǎn)程開發(fā)演示視頻。（視頻下三連 + 評(píng)論抽紅包哦 ??）
我是魚皮，正在努力變強(qiáng)（禿）的知識(shí)博主，歡迎閱讀 我從 0 自學(xué)進(jìn)入騰訊的編程學(xué)習(xí)、求職、考證、寫書經(jīng)歷，不再迷茫！
指路：https://t.1yb.co/w66s
點(diǎn)贊 還是要求一下的，祝大家都能心想事成、發(fā)大財(cái)、行大運(yùn)。
