DevStudio是一款阿里云云效推出的面向云原生的WebIDE產(chǎn)品，您只需一個(gè)瀏覽器即可獲得與本地IDE一致的開發(fā)體驗(yàn)。本文主要介紹如何在輕量應(yīng)用服務(wù)器上通過(guò)DevStudio應(yīng)用鏡像部署DevStudio、使用DevStudio、安裝插件、使用Preview插件進(jìn)行調(diào)試和恢復(fù)DevStudio等操作，幫助您快速了解和使用DevStudio。

背景信息

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

部署DevStudio

注意 DevStudio鏡像已經(jīng)下線，不支持重新部署，但已經(jīng)部署DevStudio的用戶仍可以繼續(xù)使用。
  1. 登錄輕量應(yīng)用服務(wù)器管理控制臺(tái)。
  2. 在左側(cè)導(dǎo)航欄，單擊服務(wù)器列表。
  3. 在輕量應(yīng)用服務(wù)器售賣頁(yè)，完成資源配置。
    創(chuàng)建輕量應(yīng)用服務(wù)器的具體操作，請(qǐng)參見創(chuàng)建輕量應(yīng)用服務(wù)器。

    其中，您需要在鏡像區(qū)域，選擇應(yīng)用鏡像為DevStudio 1.12。

    創(chuàng)建完成后，返回服務(wù)器列表，您可以查看到DevStudio服務(wù)器的卡片信息。258

進(jìn)入DevStudio

  1. 登錄DevStudio云端開發(fā)平臺(tái)。
    1. 以阿里云賬號(hào)登錄輕量應(yīng)用服務(wù)器管理控制臺(tái)。
    2. 在左側(cè)導(dǎo)航欄，單擊服務(wù)器列表。
    3. 在服務(wù)器列表頁(yè)面，找到通過(guò)DevStudio鏡像創(chuàng)建的輕量應(yīng)用服務(wù)器，然后單擊服務(wù)器卡片。
    4. 在左側(cè)導(dǎo)航欄，選擇應(yīng)用管理 > 應(yīng)用詳情。
    5. 在DevStudio使用步驟區(qū)域，單擊訪問您的Devstudio云端開發(fā)平臺(tái)。adasda
      說(shuō)明 只有阿里云賬號(hào)能夠訪問DevStudio云端開發(fā)平臺(tái)，RAM用戶無(wú)法訪問。
  2. 在DevStudio中，可查看默認(rèn)創(chuàng)建的工作空間。adda
    您還可以在DevStudio中執(zhí)行以下操作：
    說(shuō)明 DevStudio工作空間默認(rèn)提供了一個(gè)Node.js的代碼示例，供您進(jìn)行體驗(yàn)使用。如果您需要開發(fā)其它語(yǔ)言，可以自行克隆相關(guān)語(yǔ)言的代碼進(jìn)行開發(fā)。具體操作，請(qǐng)參見通過(guò)DevStudio進(jìn)行Java代碼的開發(fā)。

安裝插件

DevStudio對(duì)接了VSCode插件市場(chǎng)，您可以在DevStudio中直接進(jìn)入VSCode插件市場(chǎng)，搜索并安裝插件。

  1. 在頁(yè)面的左側(cè)，單擊xZXZXX圖標(biāo)，打開插件市場(chǎng)面板。
  2. 在輸入框中輸入插件名稱，系統(tǒng)會(huì)自動(dòng)根據(jù)關(guān)鍵字進(jìn)行檢索。
    本示例以安裝Power Mode插件為例，Power Mode插件是一個(gè)特效插件。
  3. 在目標(biāo)插件中，單擊Install。adasdadad
  4. 設(shè)置插件。
    1. 在左上角的菜單中，選擇文件 > 設(shè)置 > 設(shè)置，打開插件設(shè)置頁(yè)面。adda
    2. 在彈出的輸入框中，單擊Powermode，并選中Enable to activate POWER MODE！！！。adadasda
  5. 使用插件。
    返回代碼頁(yè)面，編程的時(shí)候有如下效果。sdadsa

使用Preview插件進(jìn)行調(diào)試

Preview插件是DevStudio內(nèi)置的插件，可以將DevStudio中運(yùn)行的程序的TCP端口，通過(guò)一個(gè)域名暴露出來(lái)，您可以通過(guò)該域名對(duì)程序進(jìn)行聯(lián)調(diào)測(cè)試。

  1. 在工作空間中，單擊示例代碼文件中的README.md。
    以默認(rèn)的示例代碼為例。554
  2. 在菜單欄中，選擇終端 > 新終端。1254
  3. 根據(jù)README.md文件中的提示，運(yùn)行以下命令，啟動(dòng)服務(wù)。
    npm install
node app.js
    說(shuō)明 在實(shí)際代碼的開發(fā)中，您需啟動(dòng)自己的服務(wù)。
  4. 在頁(yè)面右上角，單擊dasda圖標(biāo)，打開服務(wù)預(yù)覽面板。1235
  5. 輸入端口號(hào)后，單擊確認(rèn)。
    本示例默認(rèn)端口號(hào)為8080。系統(tǒng)會(huì)自動(dòng)分配一個(gè)子域名，并在瀏覽器的新頁(yè)簽中打開預(yù)覽頁(yè)面，等待3~5秒后刷新頁(yè)面，最終會(huì)打開如下預(yù)覽頁(yè)面。sASas

恢復(fù)DevStudio

如果不小心損壞或者刪除了輕量服務(wù)器實(shí)例中的關(guān)鍵文件，可能會(huì)導(dǎo)致DevStudio無(wú)法使用，您可根據(jù)以下步驟恢復(fù)DevStudio。
注意 重置輕量服務(wù)器的鏡像會(huì)導(dǎo)致本地代碼丟失，請(qǐng)?zhí)崆白龊脗浞荨＝ㄗh您定期將代碼推送到代碼托管平臺(tái)，具體操作，請(qǐng)參見推送代碼到代碼托管平臺(tái)。
  1. 遠(yuǎn)程登錄輕量應(yīng)用服務(wù)器。
    1. 登錄輕量應(yīng)用服務(wù)器管理控制臺(tái)。
    2. 在左側(cè)導(dǎo)航欄，單擊服務(wù)器列表。
    3. 在服務(wù)器列表頁(yè)面，找到通過(guò)DevStudio鏡像創(chuàng)建的輕量應(yīng)用服務(wù)器，然后單擊服務(wù)器卡片。
    4. 在概覽頁(yè)面的右上角，單擊遠(yuǎn)程連接。
  2. 檢查/home/admin/.cide/bootstrap_info文件是否存在。
    • 存在：運(yùn)行以下命令，恢復(fù)DevStudio。
      /home/admin/bootstrap.sh
      回顯信息類似如下，表示DevStudio已恢復(fù)正常。
      Redirecting to /bin/systemctl restart  crond.service
[INFO] not running recovery

[INFO] not running recovery
[INFO] done success
    • 不存在：建議您重置輕量服務(wù)器的鏡像。具體操作，請(qǐng)參見重置系統(tǒng)。
    如果以上方法無(wú)法恢復(fù)DevStudio，建議您提交工單。