<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          五分鐘搞定 VS Code 遠(yuǎn)程開發(fā)

          共 1582字,需瀏覽 4分鐘

           ·

          2022-07-07 15:32

          丑話)得說(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)為

          1. 減少自己電腦的性能損耗。
          2. 自由選擇操作系統(tǒng)。
          3. 好玩。

          準(zhǔn)備事項(xiàng)

          1. 服務(wù)器(我的是輕量級(jí)丐版1核1G)
          1. VS Code
          1. 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)載。謝謝~


          瀏覽 54
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  精品一级| 婷婷影音先锋 | 男女啪啪网站免费 | 大香蕉亚洲成人 | 疯狂做爰XXXⅩa久久久久久 |