還記得那個提速8倍的IDEA外掛嗎？VS Code版本也釋出啦！！

程式猿DD發表於2020-02-15
Idea

去年，阿里雲釋出了本地 IDE 外掛 Cloud Toolkit，僅 IntelliJ IDEA 一個平臺，就有 15 萬以上的開發者進行了下載，體驗了一鍵部署帶來的開發便利。時隔一年的今天，阿里雲正式釋出了 Visual Studio Code 版本，全面覆蓋前端開發者，幫助前端實現一鍵打包部署，讓開發提速 8 倍。

VSCode 版本的外掛，目前能做到什麼？

安裝外掛之後，開發者可以立即體驗以下任何一個功能：

  • 將本地 Visual Studio Code 中的程式碼，一鍵打包、部署到任意的阿里雲 ECS 伺服器；
  • 將本地 Visual Studio Code 中的程式碼，一鍵打包、部署到任意的遠端伺服器；
  • 向任意的阿里雲 ECS 或者 任意遠端伺服器 傳送並執行指定的命令（下週上線）；

VSCode 版本的外掛正不斷更新迭代中，不久將會有更多強大的功能上線，請期待！或向我們提出需求！

如何下載外掛？

開發者可以通過線上安裝或離線安裝方式來下載外掛：

  • 線上安裝：從 Visual Studio Code 的 Marketplace 進行安裝，訪問外掛頁面：https://marketplace.visualstudio.com/items?itemName=alibabacloud-cloudtoolkit.toolkit-vscode&ssr=false#overview
  • 離線安裝：在外掛的群裡（文末掃碼進群）獲得離線安裝包，進行離線安裝；

阿里雲 Cloud Toolkit 和其他任何外掛安裝方式一致，因此不做贅述，下面為大家詳細介紹外掛功能。

一鍵打包部署

一、新增伺服器

如下圖所示，在 Visual Studio Code 左側，點選阿里雲圖示，在出現的選單中，點選Alibaba Cloud Toolkit - Host View開啟機器檢視介面。

然後點選右上角Add Host按鈕，出現新增機器介面，如下圖。按照表單提示，填入對應的機器 IP，埠、使用者名稱和密碼即可。

二、部署

點選 Run Configurations - Deployments - Deploy to Host 建立一個新的部署配置，配置介面如下：

在 Deploy to Host 對話方塊設定部署引數，然後單擊 Apply，即可儲存。

部署引數說明：

* Name：未配置定義一個名字，以便更容易區分多個配置；

* File：選擇打包方式；

* Project：選擇待部署工程的根目錄；

* Build Output Directory：打包之後的 Output 目錄；

* Webpack Configuration：Webpack 配置；

* Target Host：部署的遠端目標伺服器；

* Target Directory：遠端目標伺服器上的指定部署目錄；

* After deploy：輸入應用啟動命令，如 sh /root/restart.sh，表示在完成應用包的部署後，需要執行的命令 —— 對於 Java 程式而言，通常是一句 Tomcat 的啟動命令。

關於 Cloud Toolkit 團隊

歡迎加入我們 Cloud Toolkit 社群，隨時向我們產品經理、研發團隊提出新需求、優化建議、提出 Bug 等等，我們解決你的疑惑、滿足你的需求、提升你的體驗。現在，誠邀您一起創造一款真正屬於開發者的外掛，讓開發部署不再繁瑣。

釘釘掃碼加群

微信掃碼，產品經理拉你進群

閱讀原文連結：https://cn.aliyun.com/product/cloudtoolkit

歡迎關注我的公眾號：程式猿DD，獲得獨家整理的學習資源和日常乾貨推送。

如果您對我的專題內容感興趣，也可以關注我的部落格：didispace.com

相關文章