阿里云发布Visual Studio Code版本的CloudToolkit插件，帮助前端实现一键打包部署

新知榜官方账号

2023-11-08 16:43:21

阿里云发布Visual Studio Code版本的CloudToolkit插件，帮助前端实现一键打包部署

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

VSCode版本的插件，目前能做到什么？安装插件之后，开发者可以立即体验以下任何一个功能：

将本地Visual Studio Code中的代码，一键打包、部署到任意的阿里云ECS服务器；
将本地Visual Studio Code中的代码，一键打包、部署到任意的远程服务器；
向任意的阿里云ECS或者任意远程服务器发送并执行指定的命令（下周上线）；

VSCode版本的插件正不断更新迭代中，不久将会有更多强大的功能上线，请期待！或向我们提出需求！

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

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

一键打包部署

一、添加服务器

如下图所示，在Visual Studio Code左侧，点击阿里云图标，在出现的菜单中，点击AlibabaCloudToolkit-HostView打开机器视图界面。然后点击右上角AddHost按钮，出现添加机器界面，如下图。

按照表单提示，填入对应的机器IP，端口、用户名和密码即可。

二、部署

点击RunConfigurations-Deployments-DeploytoHost创建一个新的部署配置，配置界面如下：

在DeploytoHost对话框设置部署参数，然后单击Apply，即可保存。部署参数说明：

Name：未配置定义一个名字，以便更容易区分多个配置；
File：选择打包方式；
Project：选择待部署工程的根目录；
BuildOutputDirectory：打包之后的Output目录；
WebpackConfiguration：Webpack配置；
TargetHost：部署的远程目标服务器；
TargetDirectory：远程目标服务器上的指定部署目录；
Afterdeploy：输入应用启动命令，如sh/root/restart.sh，表示在完成应用包的部署后，需要执行的命令——对于Java程序而言，通常是一句Tomcat的启动命令。

上云就看云栖号：更多云资讯，上云案例，最佳实践，产品入门，访问：https://yqh.aliyun.com/

本页网址：https://www.xinzhibang.net/article_detail-19361.html

寻求报道，请

关键词

阿里云 Visual Studio Code CloudToolkit 前端开发一键打包部署

分享至微信：

相关工具

Writesonic

AI写作，文案，释义工具

万彩AI

全能型AI内容和文案创作助手

Typeface AI

AI创意内容创作助手

HyperWrite

AI写作助手帮助你创作内容更自信

火山写作

字节跳动旗下团队推出的免费AI英语写作助手

5118 SEO优化精灵

一键式生成高质量SEO文章，提高搜索引擎排名获得更多流量

三个国外专业免费的调色网站

三个国外专业免费的调色网站无论制作视频、编辑图片，合适的色彩会让你的作品增加视觉冲击力，所以专业的调色技术价值非凡，一部电影或一部好的视频、图片海报，专业调色耗费少则上万，多则上百万，只是大家对专业调色这个行业知之甚少，今天网玩君就为大家分享三个国外专业免费的调色网站，记得收藏好，以后编辑视频、图片

分类标签调色网站免费

04-18 16:42

电影制作中的纹理技术

纹理在电影制作中的重要性纹理是指将详细的表面特征应用于3D模型或视觉效果元素，使其看起来更逼真。纹理对于创建视觉上引人入胜且可信的电影场景至关重要，尤其是涉及CGI、动画或特效的场景。纹理还支持叙事和讲故事，可以通过纹理设置年龄大小等属性，为故事奠定基础。纹理技术的发展历程自胶片问世以来，电影制作人

分类标签纹理电影制作CGI视觉效果微缩模型UV映射

04-18 16:42

UnrealSynth虚幻合成数据生成器-NSDT

UnrealSynth虚幻合成数据生成器-NSDTUnrealSynth基于UE5虚幻引擎开发，可用于生成合成数据集，包括图像和标注数据。可用于各种行业细分场景中目标识别任务的实施效率提高。UnrealSynth合成数据工具包内容UnrealSynth基于UE5虚幻引擎开发，目前支持YOLO系列模型

分类标签 UnrealSynth虚幻引擎数据合成YOLO模型深度学习训练数据

04-18 16:42

人工智能与音乐：谷歌的Project Magenta

谷歌的Project Magenta利用人工智能技术生成音乐和其他艺术形式，如素描、视频和笑话。该项目的目标是为人们创造新的交流方式。本文介绍了该项目的背景、发展历程和应用。在上世纪90年代中期，谷歌研究院的Douglas Eck就开始了他的人生目标：融合人工智能与音乐。二十年后，他与一支谷歌研究团

分类标签人工智能音乐谷歌

04-18 16:42

如何做好SEO优化？

如何做好SEO优化？想要做好SEO优化，得从站内优化和站外优化两个方面入手。一、站内优化1.关键词定位和分析关键词整理是SEO优化中的核心工作，一旦定下来就不建议再次去更改。站长始终要记住关键词一定要和行业、产品、领域息息相关，同时还可以参考竞争对手所做的关键词，可以利用站长工具、5118、爱站网、

分类标签 SEO优化关键词定位网站架构布局

12-11 08:19

万兴科技：营收实现稳健增长，拥抱AIGC新机遇

万兴科技：营收实现稳健增长，拥抱AIGC新机遇国元证券股份有限公司耿军军近期对万兴科技进行研究并发布了研究报告《2022年年度报告点评：营收实现稳健增长，拥抱AIGC新机遇》，本报告对万兴科技给出买入评级，当前股价为75.24元。万兴科技(300624)事件：公司于2023年4月7日收盘后发布《20

分类标签万兴科技营收增长AIGC

12-11 02:11

AI分身市场潜力巨大，万兴科技、京东等已率先布局

“AI孙燕姿”和“CarynAI”引爆市场最近，“AI孙燕姿”和“CarynAI”以以假乱真的程度引爆市场，都是通过采集本人的语音、文字、图像等素材，并通过开源的生成式训练模型进行训练而成。其中，“CarynAI”成功地借助AI技术，打造了自己的AI分身，通过付费的方式，跟AI版的自己进行交往，预计

分类标签 AI孙燕姿CarynAIAI分身AIGC技术虚拟主播数字人

12-11 02:10

万兴科技推出名师必备讲演神器“万兴智演”

万兴科技推出名师必备讲演神器“万兴智演”9月8日，万兴科技面向泛知识领域，推出名师必备讲演神器“万兴智演”。该款AI演示新品集成强大的AIGC能力、精美的行业课程模板以及动画特效素材，大大简化课件制作过程。同时，产品内置强大的录制、直播功能，通过真人实拍与演示内容相结合的形式，实现人景融合的实时演示

分类标签万兴科技万兴智演AI演示

12-11 02:09

万兴科技创始人吴太兵在2023互联网岳麓峰会上的主题演讲

万兴科技创始人吴太兵在2023互联网岳麓峰会上的主题演讲2023互联网岳麓峰会论坛上，万兴科技创始人、董事长兼总裁吴太兵进行主题演讲。红网时刻新闻记者郭雅倩甘红长沙报道十届、十年，岳麓峰会从2014年的“湖湘汇”到如今云集万人的盛会，积攒了巨大的关注度和影响力。6月19日，2023互联网岳麓峰会在长

分类标签万兴科技吴太兵岳麓峰会

12-11 02:05

樟宜机场：通过科技改变旅客体验

樟宜机场：通过科技改变旅客体验樟宜机场在智能手机上移动的小红点代表了在机场上空飞行的飞机，通过传感器的追踪获取了相关飞行轨迹。机场通过人工智能、面部识别和数据分析等技术的应用，不断提高机场运营效率，保持创新，致力于成为一个旅客体验更佳、充满活力的目的地。人工智能优化机场运营效率樟宜机场在2017年共

分类标签樟宜机场科技旅客体验

12-10 22:16