首頁 開發工具 VSCode 淺析利用vscode中遠端連接雲端伺服器的方法

淺析利用vscode中遠端連接雲端伺服器的方法

Jun 06, 2022 pm 07:07 PM
vscode

vscode中如何遠端連線到雲端伺服器?以下這篇文章跟大家介紹一下vscode中遠端連接到自己的雲端伺服器的方法,希望對大家有幫助!

淺析利用vscode中遠端連接雲端伺服器的方法

在自己的雲端伺服器上部署了一個node的小型專案。在碰到小改動的時候,在本地修改,然後再上傳到伺服器有些麻煩。

於是想到了vscode可以實現遠端連線。 【推薦學習:《vscode入門教學》】

外掛程式:remote

先保證自己的終端機安裝了ssh工具喔。

  • mac可以透過在終端機輸入:ssh 出現如下圖則說明安裝成功:

淺析利用vscode中遠端連接雲端伺服器的方法

  • ##這是windows本的:

淺析利用vscode中遠端連接雲端伺服器的方法

#我的環境是:mac m1pro

基本用法之具體步驟

vscode安裝remote外掛程式

此時我已經安裝好了

淺析利用vscode中遠端連接雲端伺服器的方法

安裝成功後側邊欄會出現一個圖標,忽略我已經配置好的ecs

淺析利用vscode中遠端連接雲端伺服器的方法

#新增自己的伺服器

第一種方法:

  • #點擊上圖的加號

淺析利用vscode中遠端連接雲端伺服器的方法

#輸入自己的雲端伺服器的ip位址,然後回車

  • 用滑鼠選擇下圖第一個檔案

淺析利用vscode中遠端連接雲端伺服器的方法

  • 然後得到如下的圖

淺析利用vscode中遠端連接雲端伺服器的方法

  • 此時vscode左邊的方塊中就出現了我們新增的雲端伺服器

淺析利用vscode中遠端連接雲端伺服器的方法

    ##此時我們再新增兩個設定資訊:User 使用者名, Port 連接埠號碼

淺析利用vscode中遠端連接雲端伺服器的方法然後就可以點選下圖中的資料夾圖示開啟連接了。

淺析利用vscode中遠端連接雲端伺服器的方法

    總結設定資訊
  • #Host xxxx   :Host指的是雲端伺服器的名稱,可以自行自訂,想怎麼寫怎麼寫
    • HostName xx.x.xx.x :顧名思義,填寫的是雲端服務的ip位址
    • User xxx :登入時使用的使用者名,例如:root, admin等
    • Port xx :ssh連接的連接埠號,一般情況下是22埠。也可以自己更改。
    • ForwardAgent yes :vscode自己產生的,問題不大,不用管。
第二種方法

就是點選小齒輪,然後選擇第一個檔案。之後就回到了配置文件,按照上圖配置資訊配置就行了。

進階配置如果不想每次連線都要連接輸入密碼怎麼辦?答:建立ssh秘鑰

    首先產生採用rsa加密的私鑰和公鑰檔案。
  • 在終端機中先cd到~/.ssh,然後再輸入:ssh-keygen -t rsa -b 4096 -f xxxx(自己取個名字)
  • 會讓你輸入兩次密碼密碼短語。全部回車,不要輸入任何東西。否則無法連接成功
  • 然後在~/.ssh目錄下就產生了你自己定義的名字的公鑰和私鑰兩個檔案。
  • 之後把xxx.pub檔複製到伺服器的.ssh資料夾內。如果伺服器沒有那就自己創建,一般情況centos在/root/目錄下,也就是~
  • #之後再執行指令:cat xxxx.pub > authorized_keys (xxx是自己上面自訂的檔案名稱)
  • 然後目前目錄下就會產生一個authorized_keys檔案了
  • 最後再去設定vscode的設定文件就行了
    • 在原有的設定資訊後面加上:
      • IdentityFile ~/.ssh/xxx
  • ##現在就可以暢心所欲的開發了.

終極進階

##如果有好幾個伺服器怎麼辦?
  • 直接拷貝上一個配置好的,然後改下ip,暱稱以及ssh秘鑰的檔名就可以了。
附加知識

上面提到了密碼短語:Enter passphrase (empty for no passphrase)是什麼意思?
  • 答:rsa屬於非對稱加密,有一個公鑰和一個私鑰。一般情況下這種加密方式理論上幾乎是萬無一失的。但是防不住物理攻擊,萬一被敵人透過某種方式截獲了秘鑰或公鑰,那就GG了。而密碼短語的存在就是在公鑰和私鑰外層再包一層對稱加密。這樣敵人即使拿到公鑰私鑰也沒有招了。屬於安全等級又提升了許多,但依然無法保證百分之百的安全。
  • 更多關於VSCode的相關知識,請造訪:
vscode教學

以上是淺析利用vscode中遠端連接雲端伺服器的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1665
14
CakePHP 教程
1424
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
vscode怎麼定義頭文件 vscode怎麼定義頭文件 Apr 15, 2025 pm 09:09 PM

如何使用 Visual Studio Code 定義頭文件?創建頭文件並使用 .h 或 .hpp 後綴命名在頭文件中聲明符號(例如類、函數、變量)使用 #include 指令在源文件中包含頭文件編譯程序,頭文件將被包含並使聲明的符號可用

vscode需要什麼電腦配置 vscode需要什麼電腦配置 Apr 15, 2025 pm 09:48 PM

VS Code 系統要求:操作系統:Windows 10 及以上、macOS 10.12 及以上、Linux 發行版處理器:最低 1.6 GHz,推薦 2.0 GHz 及以上內存:最低 512 MB,推薦 4 GB 及以上存儲空間:最低 250 MB,推薦 1 GB 及以上其他要求:穩定網絡連接,Xorg/Wayland(Linux)

vscode終端使用教程 vscode終端使用教程 Apr 15, 2025 pm 10:09 PM

vscode 內置終端是一個開發工具,允許在編輯器內運行命令和腳本,以簡化開發流程。如何使用 vscode 終端:通過快捷鍵 (Ctrl/Cmd ) 打開終端。輸入命令或運行腳本。使用熱鍵 (如 Ctrl L 清除終端)。更改工作目錄 (如 cd 命令)。高級功能包括調試模式、代碼片段自動補全和交互式命令歷史。

vscode在哪寫代碼 vscode在哪寫代碼 Apr 15, 2025 pm 09:54 PM

在 Visual Studio Code(VSCode)中編寫代碼簡單易行,只需安裝 VSCode、創建項目、選擇語言、創建文件、編寫代碼、保存並運行即可。 VSCode 的優點包括跨平台、免費開源、強大功能、擴展豐富,以及輕量快速。

vscode終端常用命令 vscode終端常用命令 Apr 15, 2025 pm 10:06 PM

VS Code 終端常用命令包括:清除終端屏幕(clear)列出當前目錄文件(ls)更改當前工作目錄(cd)打印當前工作目錄路徑(pwd)創建新目錄(mkdir)刪除空目錄(rmdir)創建新文件(touch)刪除文件或目錄(rm)複製文件或目錄(cp)移動或重命名文件或目錄(mv)顯示文件內容(cat)查看文件內容並滾動(less)查看文件內容只能向下滾動(more)顯示文件前幾行(head)

vscode上一步下一步快捷鍵 vscode上一步下一步快捷鍵 Apr 15, 2025 pm 10:51 PM

VS Code 一步/下一步快捷鍵的使用方法:一步(向後):Windows/Linux:Ctrl ←;macOS:Cmd ←下一步(向前):Windows/Linux:Ctrl →;macOS:Cmd →

vscode中文註釋變成問號怎麼解決 vscode中文註釋變成問號怎麼解決 Apr 15, 2025 pm 11:36 PM

解決 Visual Studio Code 中中文註釋變為問號的方法:檢查文件編碼,確保為“UTF-8 without BOM”。更改字體為支持中文字符的字體,如“宋體”或“微軟雅黑”。重新安裝字體。啟用 Unicode 支持。升級 VSCode,重啟計算機,重新創建源文件。

vscode終端命令不能用 vscode終端命令不能用 Apr 15, 2025 pm 10:03 PM

VS Code 終端命令無法使用的原因及解決辦法:未安裝必要的工具(Windows:WSL;macOS:Xcode 命令行工具)路徑配置錯誤(添加可執行文件到 PATH 環境變量中)權限問題(以管理員身份運行 VS Code)防火牆或代理限制(檢查設置,解除限制)終端設置不正確(啟用使用外部終端)VS Code 安裝損壞(重新安裝或更新)終端配置不兼容(嘗試不同的終端類型或命令)特定環境變量缺失(設置必要的環境變量)

See all articles