Skip to content

【vscode 插件】GDeploy(一键打包上传项目)

Notifications You must be signed in to change notification settings

hyc8801/GDeploy

Repository files navigation

vscode 插件——GDeploy(一键打包上传项目)

上传文件至服务器常用方法:

  1. 通过 Xshell 命令上传
  2. 通过 filezilla 可视化界面上传
  3. 脚本代码通过 ssh 进行上传(可自行配置业务代码)
  4. 通过 Jenkins 进项项目配置上传(关联 git 仓库)

公司内部团队基于node-ssh封装了内部打包脚手架,基于“能懒则懒”的原则,脚手架始还是得输入一次命令行,Jenkins 由于没有关联 git 仓库进行自动更新(原因嘛,喜欢看得见摸得着的更新,更具有安全感),so 参考前端一键自动部署工具,完成了基于 vscode 的插件,实现一键上传服务器功能。

✨ 插件功能

  1. 🔨 自动构建打包项目
  2. 🔨 自动压缩
  3. 🔨 自动上传服务器发布

📦 项目地址

  1. git 地址: https://github.com/15669028801/GDeploy.git

📖 使用介绍

  1. vscode 扩展搜索“GDeploy”,下载安装 (或git仓库中下载对应vsix文件安装)。

vscode -> 扩展 -> 更多(...)-> 从VSIX安装

  1. 在工作区根路径下添加 deploy.config 文件
  2. 配置项目如下
const config = {
  test: {
    host: '127.0.0.1', // 服务器地址
    username: 'root', // 登录用户名
    password: 'password', // 登录密码
    remotePath: '/home/www/admin', // 项目上传的服务器文件目录
    build: 'yarn build:test', // 构建执行的命令
    distPath: 'dist', // 打包好需要上传的目录
  },
  preprod: {
    host: '192.168.0.1',
    username: 'root',
    password: 'password',
    remotePath: '/home/www/admin',
    build: 'yarn build:pre',
  },
  master: {
    host: '192.168.0.2',
    username: 'root',
    password: 'password',
    remotePath: '/home/www/admin',
    build: 'yarn build',
  },
};

module.exports = config;

可配置多个环境下的服务器地址及对应的配置项,配置参数说明 📚📚📚。

参数 说明
host 服务器地址
username 用户名
password 密码 🔑
remotePath 服务器项目文件目录
build 构建代码命令
distPath 打包文件夹名称, 默认 dist
privateKey 秘钥地址 🔑

⚔ 项目演示

💡 常见问题

  1. 修改配置文件(deploy.config)未生效

服务器列表上方点击“刷新”按钮进行更新。

🙂🙂😆😘😁😝😋😄

又可以快乐的偷懒了...

打扰了,还有砖没搬完...

About

【vscode 插件】GDeploy(一键打包上传项目)

Resources

Stars

Watchers

Forks

Packages