五分鐘搞定 VS Code 遠(yuǎn)程開發(fā)
丑話)得說(shuō)在前面
稍等稍等,要是5分鐘沒(méi)搞定也別罵我,老嚴(yán)不是標(biāo)題黨
如果順利的話,5分鐘可能都不要(順利的話!!!)
介紹

2019 年 5 月 3 日,在 PyCon 2019 大會(huì)上,微軟發(fā)布了 VS Code Remote,開啟了遠(yuǎn)程開發(fā)的新時(shí)代!這次發(fā)布包含了三款核心的全新插件,它們可以幫助開發(fā)者在容器,物理或虛擬機(jī),以及 Windows Subsystem for Linux (WSL) 中實(shí)現(xiàn)無(wú)縫的遠(yuǎn)程開發(fā)。通過(guò)安裝 Remote Development Extension Pack ,你可以快速上手遠(yuǎn)程開發(fā)。Remote Development extension pack 包括三個(gè)擴(kuò)展:
Remote - SSH
通過(guò)使用 SSH 打開遠(yuǎn)程計(jì)算機(jī)或者VM上的文件夾,來(lái)連接到任何位置。
Remote - Containers
把 Docker 作為你的開發(fā)容器。
Remote - WSL
在 Windows Subsystem for Linux 中,獲得 Linux 般的開發(fā)體驗(yàn)。
而我們今天要講的是 Remote - SSH
Visual Studio Code Remote - SSH擴(kuò)展
可直接使用本地的 VS Code 來(lái)連接服務(wù)器(Server)上的開發(fā)環(huán)境,而本地只是一個(gè)前端的展示界面,任何代碼的運(yùn)行都是直接在服務(wù)器上進(jìn)行操作的

可以說(shuō)成是直接遠(yuǎn)程操作一臺(tái)電腦。
優(yōu)點(diǎn)
直接通過(guò) ssh 連接服務(wù)器開發(fā)有什么好處?
官方回答
在比本地機(jī)器更大、更快或更專業(yè)的硬件上進(jìn)行開發(fā)。 在不同的遠(yuǎn)程開發(fā)環(huán)境之間快速切換,安全地進(jìn)行更新,而不必?fù)?dān)心影響本地計(jì)算機(jī)。 調(diào)試在其他位置運(yùn)行的應(yīng)用程序,例如客戶網(wǎng)站或云端。
個(gè)人認(rèn)為
減少自己電腦的性能損耗。 自由選擇操作系統(tǒng)。 好玩。
準(zhǔn)備事項(xiàng)
服務(wù)器(我的是輕量級(jí)丐版1核1G)

VS Code

ssh 訪問(wèn)端口

開搞開搞
淺測(cè)一下
本地先嘗試通過(guò) ssh 鏈接服務(wù)器。默認(rèn)端口是 22 如有特殊自行修改
ssh <服務(wù)器登錄名>@<公網(wǎng)ip>
輸入服務(wù)器登錄密碼
xxx@xxxx's password:*************
連接成功
Tips
如果遇到端口未開放的情況
ssh: connect to host xx.xx.xx.xx port 22: Connection refused
可以看下 ssh 的配置是否正確
sudo vim /etc/ssh/sshd_config
安裝 Remote - SSH
可以在 VS Code 里面搜索一下
或者直接打開此處 Remote - SSH
開始連接
添加一個(gè) ssh 連接
配置

config 文件
這是我的

寫一個(gè)就夠了
Host <ip>
HostName <ip or name>
User <username>
ForwardAgent yes修改完成之后
點(diǎn)擊這個(gè)紅框里的內(nèi)容
Connect to Host

此時(shí)會(huì)打開一個(gè)VS Code新窗口,不要慌。
輸入密碼
輸入你的服務(wù)器連接密碼
此時(shí)連接已經(jīng)成功
選擇一個(gè)文件夾
初步完成
到這里我們的連接,已經(jīng)完成了,可以直接進(jìn)行一些簡(jiǎn)單開發(fā)。因?yàn)槟愕姆?wù)器開發(fā)環(huán)境還沒(méi)有配置好 你或許需要
Node Git Vue MySQL ...
這些東西安裝完成之后,基本上就夠開發(fā)了
淺測(cè)一下端口轉(zhuǎn)發(fā)
我通過(guò) Vue-Cli 創(chuàng)建了一個(gè) demo

此時(shí)你可以直接在本地打開 http://localhost:8080/

OK 看來(lái)已經(jīng)完成了
最后
直接通過(guò)遠(yuǎn)程連接來(lái)修改網(wǎng)站。真的很方便。
這個(gè)算不算簡(jiǎn)單?
嗯~~~ 怎么不算呢?
未經(jīng)授權(quán)謝絕轉(zhuǎn)載。謝謝~
