VS Code Remote,在服務器上開發程序,開啟全新開發模式


一直使用Idea開發java 程序,頭疼的是太太太占用內存了,筆記本電腦經常卡爆,在服務器開發的話又太麻煩,VS Code Remote的帶來,解決了這一煩惱。下面來實戰一下。

VS Code Remote

2019 年 5 月 3 日,在 PyCon 2019 大會上,微軟發布了 VS Code Remote,開啟了遠程開發的新時代

VS

Visual Studio Code Remote 允許開發者將容器,遠程計算機,或 Windows Subsystem for Linux (WSL) 作為完整的開發環境。你可以:

  • 在部署相同的操作系統上進行開發,或者使用更大或更專業的硬件。

  • 把開發環境作為沙箱,以避免影響本地計算機配置。

  • 讓新手輕松上手,讓每個人都保持一致的開發環境。

  • 使用原本在本地環境不可用的工具或運行時,或者管理它們的多個版本。

  • 在 WSL 里開發 Linux 應用。

  • 從多台不同的計算機訪問現有的開發環境。

  • 調試在其他位置(比如客戶網站或雲端)運行的應用程序。

所有以上的功能,並不需要在你的本地開發環境有源代碼。通過 VS Code Remote,輕松連接上遠程環境,在本地進行開發。

下面來實戰。

安裝vs code insiders

需要先安裝最新的內部體驗版,https://code.visualstudio.com/insiders/

然后安裝Remote Development插件

https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack

為了簡單起見,我們采用SSH模式。需要先在windows機器安裝OpenSSH

windows 10 安裝OpenSSH

使用 PowerShell 安裝 OpenSSH

若要安裝使用 PowerShell 的 OpenSSH,請首先以管理員身份啟動 PowerShell。 若要確保 OpenSSH 功能以安裝方式提供:

PowerShell復制

Get-WindowsCapability -Online | ? Name -like 'OpenSSH*'

# This should return the following output:

Name  : OpenSSH.Client~~~~0.0.1.0
State : NotPresent
Name  : OpenSSH.Server~~~~0.0.1.0
State : NotPresent

然后,安裝服務器和/或客戶端功能:

PowerShell復制

# Install the OpenSSH Client
Add-WindowsCapability -Online -Name OpenSSH.Client~~~~0.0.1.0

# Install the OpenSSH Server
Add-WindowsCapability -Online -Name OpenSSH.Server~~~~0.0.1.0

# Both of these should return the following output:

Path          :
Online        : True
RestartNeeded : False

SSH 認證

  • 先ssh-keygen生車密鑰
  • 然后ssh-copy-id 到服務器
 ssh-copy-id root@YOUR-SERVER-IP
/usr/bin/ssh-copy-id: INFO: Source of key(s) to be installed: "/c/Users/jqpeng/.ssh/id_ed25519.pub"
The authenticity of host 'YOUR-SERVER-IP' can't be established.
ECDSA key fingerprint is SHA256:HRwsmslg5ge+JYcOjW6zRtUxrFeWJ5V2AojlIvLaykc.
Are you sure you want to continue connecting (yes/no)? yes
/usr/bin/ssh-copy-id: INFO: attempting to log in with the new key(s), to filterout any that are already installed
/usr/bin/ssh-copy-id: INFO: 1 key(s) remain to be installed -- if you are prompted now it is to install the new keys
root@YOUR-SERVER-IP's password:

Number of key(s) added: 1

Now try logging into the machine, with:   "ssh 'root@YOUR-SERVER-IP'"
and check to make sure that only the key(s) you wanted were added.

使用VS code inside 開發程序

准備工作:

  • 確保服務器已有JDK,mvn,沒有的話先安裝好
  • 將代碼簽出到服務器一個目錄

打開VS code,命令行:

enter description here

選擇connect to host:

然后輸入root@YOUR_SERVETR_IP

enter description here

回車,VS 會自動在服務器准備相關環境。

搞定后,點擊文件打開文件夾,VS Code會列出服務器的目錄,選擇項目所在地址打開即可。

enter description here

接下來安裝必要的語言插件,打開一個java文件,vs code會自動圖慘案安裝一些插件,把java相關的安裝好:

enter description here

調試程序

打開包含main的java文件,點擊調試菜單,會自動生成一個啟動文件,配置下即可:

{
    // 使用 IntelliSense 了解相關屬性。 
    // 懸停以查看現有屬性的描述。
    // 欲了解更多信息,請訪問: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "java",
            "name": "AimindWebApplication",
            "request": "launch",
            "mainClass": "com.xxx.xxx.XXXWebApplication"
        }
    ]
}

然后啟動。

驚喜的發現,在main函數上方,自動出現了RUN|DEBUG,見下圖,點擊debug即可啟動調試

自動識別的main

在調試控制台可以看到對應的輸出。

調試控制台

內存占用

之前IDEA啟動調試后,內存占用2G+,VS code呢?400M+!

VS CODE remote 內存占用

把耗費計算資源、內存的都放到服務器上去執行了,本地只需要負責View,所以資源占用極小。


作者:Jadepeng
出處:jqpeng的技術記事本--http://www.cnblogs.com/xiaoqi
您的支持是對博主最大的鼓勵,感謝您的認真閱讀。
本文版權歸作者所有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM