IDEA下一键部署Vue项目到Linux服务器(Alibaba Cloud Toolkit的使用)

写在开始:一个搬砖程序员的随缘记录

简介:

Cloud Toolkit 是本地 IDE 插件,帮助开发者更高效地开发、测试、诊断并部署应用。通过插件,可以将本地应用一键部署到任意服务器,甚至云端(ECS、EDAS、Kubernetes 和 小程序云 等);并且还内置了 Arthas 诊断、Dubbo工具、Terminal 终端、文件上传和 MySQL 执行器等工具。

准备:
1、Linux服务器一台,部署好JAVA环境
2、IDEA开发工具
3、vue项目一个

文章目录

  • 一、IDEA安装Alibaba Cloud Toolkit插件
  • 二、服务器配置
  • 三、点击run执行
  • 四、查看是否打包到服务器

一、IDEA安装Alibaba Cloud Toolkit插件

IDEA下一键部署Vue项目到Linux服务器(Alibaba Cloud Toolkit的使用)_第1张图片
安装后重启IDEA

二、服务器配置

命令:

# 进入一个目录
cd /www/wwwroot/

# 新建文件夹.名字可以随意取
mkdir vue_demo

三、Alibaba Cloud Toolkit配置
选择添加Host

2、添加host
在这里插入图片描述
3、host信息

在这里插入图片描述
4、进行项目配置

IDEA下一键部署Vue项目到Linux服务器(Alibaba Cloud Toolkit的使用)_第2张图片
选择Run npm script,配置如下
IDEA下一键部署Vue项目到Linux服务器(Alibaba Cloud Toolkit的使用)_第3张图片

三、点击run执行

四、查看是否打包到服务器

IDEA下一键部署Vue项目到Linux服务器(Alibaba Cloud Toolkit的使用)_第4张图片

这就可以了。

想让打包的vue项目在linux服务器执行起来。请看Linux下nginx部署vue项目

Over

你可能感兴趣的:(技术总结,vue,idea,一键部署)