去年,阿裏雲發布了本地 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