去年,阿里雲發佈了本地 IDE 插件 Cloud Toolkit,僅 IntelliJ IDEA 一個平臺,就有 15 萬以上的開發者進行了下載,體驗了一鍵部署帶來的開發便利。時隔一年的今天,阿里雲正式發佈了 Visual Studio Code 版本,全面覆蓋前端開發者,幫助前端實現一鍵打包部署,讓開發提速 8 倍。前端
VSCode 版本的插件,目前能作到什麼?
安裝插件以後,開發者能夠當即體驗如下任何一個功能:服務器
- 將本地 Visual Studio Code 中的代碼,一鍵打包、部署到任意的阿里雲 ECS 服務器;
- 將本地 Visual Studio Code 中的代碼,一鍵打包、部署到任意的遠程服務器;
- 向任意的阿里雲 ECS 或者 任意遠程服務器 發送並執行指定的命令(下週上線);
VSCode 版本的插件正不斷更新迭代中,不久將會有更多強大的功能上線,請期待!或向咱們提出需求!
如何下載插件?
開發者能夠經過在線安裝或離線安裝方式來下載插件:ui
- 在線安裝:從 Visual Studio Code 的 Marketplace 進行安裝,訪問插件頁面,點擊這裏。
- 離線安裝:在插件的羣裏(文末掃碼進羣)得到離線安裝包,進行離線安裝;
阿里雲 Cloud Toolkit 和其餘任何插件安裝方式一致,所以不作贅述,下面爲你們詳細介紹插件功能。
一鍵打包部署
1、添加服務器
以下圖所示,在 Visual Studio Code 左側,點擊阿里雲圖標,在出現的菜單中,點擊Alibaba Cloud Toolkit - Host View打開機器視圖界面。
阿里雲
而後點擊右上角Add Host按鈕,出現添加機器界面,以下圖。按照表單提示,填入對應的機器 IP,端口、用戶名和密碼便可。
url
2、部署

點擊 Run Configurations - Deployments - Deploy to Host 建立一個新的部署配置,配置界面以下:
spa
在 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 的啓動命令。
查看更多:https://yq.aliyun.com/article..._content=g_1000102887ssr
上雲就看雲棲號:更多雲資訊,上雲案例,最佳實踐,產品入門,訪問:https://yqh.aliyun.com/rest