还记得那个提速 8 倍的IDEA插件吗?VS Code 版本也发布啦!

本文涉及的产品
服务治理 MSE Sentinel/OpenSergo,Agent数量 不受限
简介: 去年,阿里云发布了本地 IDE 插件 Cloud Toolkit,仅 IntelliJ IDEA 一个平台,就有 15 万以上的开发者进行了下载,体验了一键部署带来的开发便利。时隔一年的今天,阿里云正式发布了 Visual Studio Code 版本,全面覆盖前端开发者,帮助前端实现一键打包部署,让开发提速 8 倍。

去年,阿里云发布了本地 IDE 插件 Cloud Toolkit,仅 IntelliJ IDEA 一个平台,就有 15 万以上的开发者进行了下载,体验了一键部署带来的开发便利。时隔一年的今天,阿里云正式发布了 Visual Studio Code 版本,全面覆盖前端开发者,帮助前端实现一键打包部署,让开发提速 8 倍。

VSCode 版本的插件,目前能做到什么?

安装插件之后,开发者可以立即体验以下任何一个功能:

  • 将本地 Visual Studio Code 中的代码,一键打包、部署到任意的阿里云 ECS 服务器;
  • 将本地 Visual Studio Code 中的代码,一键打包、部署到任意的远程服务器;
  • 向任意的阿里云 ECS 或者 任意远程服务器 发送并执行指定的命令(下周上线);
    VSCode 版本的插件正不断更新迭代中,不久将会有更多强大的功能上线,请期待!或向我们提出需求!

如何下载插件?

开发者可以通过在线安装或离线安装方式来下载插件:

  • 在线安装:从 Visual Studio Code 的 Marketplace 进行安装,访问插件页面,点击这里
  • 离线安装:在插件的群里(文末扫码进群)获得离线安装包,进行离线安装;
    阿里云 Cloud Toolkit 和其他任何插件安装方式一致,因此不做赘述,下面为大家详细介绍插件功能。

一键打包部署

一、添加服务器

如下图所示,在 Visual Studio Code 左侧,点击阿里云图标,在出现的菜单中,点击Alibaba Cloud Toolkit - Host View打开机器视图界面。
lALPDgQ9rfC3WTjNAb_NAuo_746_447_png_620x10000q90g

然后点击右上角Add Host按钮,出现添加机器界面,如下图。按照表单提示,填入对应的机器 IP,端口、用户名和密码即可。
lALPDgQ9rfC3WTnNAb3NAuo_746_445_png_620x10000q90g

二、部署

lALPDgQ9rfC3WTrNAb3NAuo_746_445_png_620x10000q90g

点击 Run Configurations - Deployments - Deploy to Host 创建一个新的部署配置,配置界面如下:
lALPDgQ9rfC3WTvNAj7NAuo_746_574_png_620x10000q90g

在 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 等等,我们解决你的疑惑、满足你的需求、提升你的体验。现在,诚邀您一起创造一款真正属于开发者的插件,让开发部署不再繁琐。

lADPDgQ9q_wwZq3NAUvNAUc_327_331_jpg_620x10000q90g

钉钉进群:群号 21961177

lALPDgQ9q_wwZr7NASzNASw_300_300_png_620x10000q90g

微信进群:(加产品经理,拉你入群)

相关文章
|
2月前
|
XML 搜索推荐 JavaScript
Easy Code,IntelliJ IDEA中代码一键生成
Easy Code,IntelliJ IDEA中代码一键生成
Easy Code,IntelliJ IDEA中代码一键生成
|
5月前
解决IDEA提交代码时提示“Performing Code Analysis...”
解决IDEA提交代码时提示“Performing Code Analysis...”
148 0
|
17天前
|
前端开发 JavaScript 数据安全/隐私保护
idea代码review工具Code Review Helper使用介绍
CodeReview IDEA 插件是一款用于代码审查的工具,旨在解决在GitLab中查看整体业务逻辑的不便。该插件提供快速添加注释、行号旁的评审意见标记、双击跳转到代码、意见删除和修改、内容导出为Excel以及导入等功能。特别地,它支持离线和在线模式,离线模式下,审核者和开发者通过Excel文件交换评审意见;在线模式则通过服务端实现评审内容的上传和下载,简化文件传输。此外,该插件允许定制评审字段,并能与团队协作工具集成。通过这些特性,CodeReview IDEA 提高了代码审查的效率和便捷性。
61 2
|
7月前
|
C++ Windows
Windows、IDEA、VS Code常用快捷键
Windows、IDEA、VS Code常用快捷键
95 0
|
10月前
idea2019 active code亲测有效
idea2019 active code亲测有效
73 0
IDEA的Duplicated code fragment (14 lines long)提示如何关闭
IDEA的Duplicated code fragment (14 lines long)提示如何关闭
1680 0
IDEA的Duplicated code fragment (14 lines long)提示如何关闭
|
小程序 开发工具
IDEA中——Code Review Helper的安装和使用
IDEA中——Code Review Helper的安装和使用
677 0
IDEA中——Code Review Helper的安装和使用
关闭IDEA提示:Duplicated code fragment
在用IDEA编写代码时,经常会遇到“Duplicated code fragment ”的警告,本文将讲解如何关闭该提示。
1882 0
关闭IDEA提示:Duplicated code fragment
IDEA出现问题:断点不可用 No executable code found解决方案
IDEA出现问题:断点不可用 No executable code found解决方案
1810 0
IDEA出现问题:断点不可用 No executable code found解决方案
Intellij IDEA 断点不可用 No executable code found
Intellij IDEA 断点不可用 No executable code found
494 0
Intellij IDEA 断点不可用 No executable code found