DevStudio是一款阿里云云效推出的面向云原生的WebIDE產品,您只需一個瀏覽器即可獲得與本地IDE一致的開發體驗。本文主要介紹如何在輕量應用服務器上通過DevStudio應用鏡像部署DevStudio、使用DevStudio、安裝插件、使用Preview插件進行調試和恢復DevStudio等操作,幫助您快速了解和使用DevStudio。

背景信息

輕量應用服務器提供了DevStudio 1.12應用鏡像,您可以通過該鏡像快速部署并使用DevStudio。DevStudio內預置了Node.js、Python、Go、Java等多種主流的技術棧,同時已預安裝好各開發環境所需的軟件包和插件,支持智能編碼助手,方便您快速地編輯、調試、運行、部署云端代碼。更多信息,請參見了解云效DevStudio 。
注意 DevStudio輕量應用服務器可以創建快照和回滾磁盤,但不能通過快照創建自定義鏡像。

部署DevStudio

注意 DevStudio鏡像已經下線,不支持重新部署,但已經部署DevStudio的用戶仍可以繼續使用。
  1. 登錄輕量應用服務器管理控制臺
  2. 在左側導航欄,單擊服務器列表
  3. 在輕量應用服務器售賣頁,完成資源配置。
    創建輕量應用服務器的具體操作,請參見創建輕量應用服務器。

    其中,您需要在鏡像區域,選擇應用鏡像為DevStudio 1.12。

    創建完成后,返回服務器列表,您可以查看到DevStudio服務器的卡片信息。258

進入DevStudio

  1. 登錄DevStudio云端開發平臺。
    1. 以阿里云賬號登錄輕量應用服務器管理控制臺。
    2. 在左側導航欄,單擊服務器列表
    3. 服務器列表頁面,找到通過DevStudio鏡像創建的輕量應用服務器,然后單擊服務器卡片。
    4. 在左側導航欄,選擇應用管理 > 應用詳情。
    5. DevStudio使用步驟區域,單擊訪問您的Devstudio云端開發平臺。adasda
      說明 只有阿里云賬號能夠訪問DevStudio云端開發平臺,RAM用戶無法訪問。
  2. 在DevStudio中,可查看默認創建的工作空間。adda
    您還可以在DevStudio中執行以下操作:
    說明 DevStudio工作空間默認提供了一個Node.js的代碼示例,供您進行體驗使用。如果您需要開發其它語言,可以自行克隆相關語言的代碼進行開發。具體操作,請參見通過DevStudio進行Java代碼的開發

安裝插件

DevStudio對接了VSCode插件市場,您可以在DevStudio中直接進入VSCode插件市場,搜索并安裝插件。

  1. 在頁面的左側,單擊xZXZXX圖標,打開插件市場面板。
  2. 在輸入框中輸入插件名稱,系統會自動根據關鍵字進行檢索。
    本示例以安裝Power Mode插件為例,Power Mode插件是一個特效插件。
  3. 在目標插件中,單擊Install。adasdadad
  4. 設置插件。
    1. 在左上角的菜單中,選擇文件 > 設置 > 設置,打開插件設置頁面。adda
    2. 在彈出的輸入框中,單擊Powermode,并選中Enable to activate POWER MODE?。。?/span>。adadasda
  5. 使用插件。
    返回代碼頁面,編程的時候有如下效果。sdadsa

使用Preview插件進行調試

Preview插件是DevStudio內置的插件,可以將DevStudio中運行的程序的TCP端口,通過一個域名暴露出來,您可以通過該域名對程序進行聯調測試。

  1. 在工作空間中,單擊示例代碼文件中的README.md。
    以默認的示例代碼為例。554
  2. 在菜單欄中,選擇終端 > 新終端1254
  3. 根據README.md文件中的提示,運行以下命令,啟動服務。
    npm install
    node app.js
    說明 在實際代碼的開發中,您需啟動自己的服務。
  4. 在頁面右上角,單擊dasda圖標,打開服務預覽面板。1235
  5. 輸入端口號后,單擊確認。
    本示例默認端口號為8080。系統會自動分配一個子域名,并在瀏覽器的新頁簽中打開預覽頁面,等待3~5秒后刷新頁面,最終會打開如下預覽頁面。sASas

恢復DevStudio

如果不小心損壞或者刪除了輕量服務器實例中的關鍵文件,可能會導致DevStudio無法使用,您可根據以下步驟恢復DevStudio。
注意 重置輕量服務器的鏡像會導致本地代碼丟失,請提前做好備份。建議您定期將代碼推送到代碼托管平臺,具體操作,請參見推送代碼到代碼托管平臺。
  1. 遠程登錄輕量應用服務器。
    1. 登錄輕量應用服務器管理控制臺。
    2. 在左側導航欄,單擊服務器列表
    3. 服務器列表頁面,找到通過DevStudio鏡像創建的輕量應用服務器,然后單擊服務器卡片。
    4. 概覽頁面的右上角,單擊遠程連接。
  2. 檢查/home/admin/.cide/bootstrap_info文件是否存在。
    • 存在:運行以下命令,恢復DevStudio。
      /home/admin/bootstrap.sh
      回顯信息類似如下,表示DevStudio已恢復正常。
      Redirecting to /bin/systemctl restart  crond.service
      [INFO] not running recovery
      
      [INFO] not running recovery
      [INFO] done success
    • 不存在:建議您重置輕量服務器的鏡像。具體操作,請參見重置系統。
    如果以上方法無法恢復DevStudio,建議您提交工單。