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

本文涉及的产品
注册配置 MSE Nacos/ZooKeeper,118元/月
性能测试 PTS,5000VUM额度
服务治理 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

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

相关文章
|
7月前
|
XML 搜索推荐 JavaScript
Easy Code,IntelliJ IDEA中代码一键生成
Easy Code,IntelliJ IDEA中代码一键生成
297 0
Easy Code,IntelliJ IDEA中代码一键生成
解决IDEA提交代码时提示“Performing Code Analysis...”
解决IDEA提交代码时提示“Performing Code Analysis...”
781 0
|
2月前
|
Java Linux 开发工具
IDEA中git提交前如何关闭code analysis以及开启格式化代码
【10月更文挑战第12天】本文介绍了在 IntelliJ IDEA 中关闭代码分析和开启代码格式化的步骤。关闭代码分析可通过取消默认启用检查或针对特定规则进行调整实现,同时可通过设置 VCS 静默模式在提交时跳过检查。开启代码格式化则需在 `Settings` 中配置 `Code Style` 规则,并通过创建 Git 钩子实现提交前自动格式化。
461 3
|
7月前
|
前端开发 JavaScript 数据安全/隐私保护
idea代码review工具Code Review Helper使用介绍
CodeReview IDEA 插件是一款用于代码审查的工具,旨在解决在GitLab中查看整体业务逻辑的不便。该插件提供快速添加注释、行号旁的评审意见标记、双击跳转到代码、意见删除和修改、内容导出为Excel以及导入等功能。特别地,它支持离线和在线模式,离线模式下,审核者和开发者通过Excel文件交换评审意见;在线模式则通过服务端实现评审内容的上传和下载,简化文件传输。此外,该插件允许定制评审字段,并能与团队协作工具集成。通过这些特性,CodeReview IDEA 提高了代码审查的效率和便捷性。
603 2
|
C++ Windows
Windows、IDEA、VS Code常用快捷键
Windows、IDEA、VS Code常用快捷键
148 0
|
IDE Java 开发工具
Idea 启动报错 failed to create jvmjvm path url或failed to create jvmerror code -1 jvm path
Idea 启动报错 failed to create jvmjvm path url或failed to create jvmerror code -1 jvm path
169 0
idea2019 active code亲测有效
idea2019 active code亲测有效
182 0
IDEA的Duplicated code fragment (14 lines long)提示如何关闭
IDEA的Duplicated code fragment (14 lines long)提示如何关闭
2093 0
IDEA的Duplicated code fragment (14 lines long)提示如何关闭
|
小程序 开发工具
IDEA中——Code Review Helper的安装和使用
IDEA中——Code Review Helper的安装和使用
831 0
IDEA中——Code Review Helper的安装和使用
【BUG日记】【Idea】运行项目时,报错 Process finished with exit code -1073741819 (0xC0000005)
突然想到之前发现的一个bug情况,就顺带写一下 Idea运行项目时,报错 Process finished with exit code -1073741819 (0xC0000005)
521 0
【BUG日记】【Idea】运行项目时,报错 Process finished with exit code -1073741819 (0xC0000005)