Alibaba Cloud Toolkit前端自动化部署

安装

Vs Code 插件商店选择【Alibaba Cloud Toolkit】点击安装。

1.png

安装完成后，左侧插件下出现【阿里云】标志，点击标志。

配置

添加主机

点击 Add Host 新增加主机

2.png

3.png

顺序步骤：

添加主机地址: 192.168.xx.xx。

添加自定义主机名称：xx开发环境。

添加服务器账号。

添加服务器密码。

点击【Test Connection 】测试连接。

显示 Test Success 测试连接成功。

配置指令

4.png

选择 RUN CONFIGURATIONS 最后的三个点

选择 Deploy to Host

输入配置名称: xx开发环境

选择文件方式为: npm build

选择项目地址: data/element-ui

选择打包后的文件地址: data/element-ui/dist

选择执行程序 build，自动识别项目工程内的 package.json

选择主机地址: 192.168.xx.xx

输入上传到服务器的地址: /home/tomcat/web

输入文件上传服务器完毕后要执行的命令，mv /home/tomcat/web/dist /home/tomcat/web/static（重命名文件夹 dist 为 static）

选择 Advanced 菜单，增加上传数据前命令，mkdir -p /home/tomcat/web/static;mv /home/tomcat/web/static /home/tomcat/web/static$(date +%Y%m%d%H%M); (重命名文件夹 static 为 static + 年月日时分)

完成

输入完成后点击 Apply，运行时选择 阿里云 标志，选择 RUN CONFIGURATIONS 下的 xx开发环境 执行即可。