解放双手,本地项目一键部署

ftp-local-transfer

最近开始有时间了,就写了一些小东西,包括但不限于一个后台管理系统,配套的NodeJs服务,博客改版等等。。。

多个项目一起混合开发,避免不了一个问题?我的代码怎么上传呢?每一次都要手动连接XFTP,然后左边找到项目打包dist,后边找到对应的传输路径吗?作为一个工具人,虽然我很热爱复制粘贴,但是大量重复的毫无意义的复制粘贴,还是很令人头疼的。

因为才有个这个命令行工具的诞生------ftp-local-transfer

全局安装,一次配置,收益终生!

起源

说实话,作为一个纯纯的切图仔,对于这种命令行式的工具,还是接触的很少的。这个工具的最开始只是一个项目内置的js脚本,直接执行,配置都是写死在代码里的,目的当然是为了上传服务器更便捷。

后来,当有了一个,两个,三个甚至更多的项目时,这种项目内部的脚本就不能够满足我的当下情况了。

因此,我需要一个可以全局配置参数,配置各种打包路径的本地传输工具。

注意哦,是本地,线上一键部署正在构思中...

然后我就用我浅薄的小脑袋瓜儿一想,nrm源管理器不就是一个全局安装,全局配置的命令行式的工具嘛,不是可以借鉴一下嘛。

于是了解到了commander,这个强大的NodeJs命令行界面的完整解决方案,再加上inquirer这个交互式命令行工具,双管齐下,这不就成了,于是说干就干。

功能

思路清晰之后,我们需要的功能就能确定了。

  • 读取所有本地化配置
  • 设置fpt账户
  • 添加本地上传项目路径
  • 关键一步:上传

安装

shell 复制代码
npm i -g ftp-local-transfer

全局安装成功之后,因为涉及到配置文件的修改,请在具有管理员权限的命令工具中执行下下面的操作

读取所有本地化配置

配置完所有参数之后,可以看到你的所有的配置信息

shell 复制代码
ftp-local-transfer config

设置fpt账户

此处host填写的你的服务器公网ip,账户和密码均为你自己的服务器ftp配置

shell 复制代码
ftp-local-transfer setFTP

添加本地上传项目路径

本地上传文件夹路径为绝对路径,直接复制文件栏的路径即可

远程服务器文件路径为相对路径,相对于你的ftp账户密码授权的文件根路径

shell 复制代码
ftp-local-transfer addPath

自行修改配置

如果想要原有的基础上直接修改配置文件,先执行npm -g root,会得到npm全局包的安装路径,找到ftp-local-transfer文件夹,配置文件在config文件夹中

shell 复制代码
$ npm -g root
C:\WINDOWS\system32\node_modules

# 配置文件
$ cd ftp-local-transfer

$ ls
CHANGELOG.md  config/  ftp.js  index.js*  LICENSE  node_modules/  package.json  README.md

$ cd config
$ ls
ftpConfig.json  pathConfig.json

关键一步:上传

最后一个,确认所有配置正确之后,选择本次上传的项目,直接开始🍅

shell 复制代码
ftp-local-transfer start

具体实现代码这里就不贴了,难度不大,主要是思路分享,有兴趣可以移步ftp-local-transfer看看

相关推荐
cliffordl3 分钟前
ReportLab 导出 PDF(页面布局)
前端·python·pdf
忧郁的蛋~25 分钟前
小程序页面传值的多种方式
前端·小程序
liuyang___40 分钟前
分享一下这几天在公司学到的东西
前端
rocky19141 分钟前
谷歌浏览器插件 录制菜单路由跳转行为 事件重复解决方案
前端·javascript
佳腾_1 小时前
【web服务_负载均衡Nginx】一、Nginx 基础与核心概念解析
前端·nginx·负载均衡
风中飘爻1 小时前
MySQL入门:数据操作CURD
前端·bootstrap·html
rocky1911 小时前
谷歌浏览器插件 录制元素拖动事件
前端·javascript
nothingbutluck4641 小时前
2025.4.10 html有序、无序、定义列表、音视频标签
前端·html·音视频
爱上python的猴子2 小时前
chrome中的copy xpath 与copy full xpath的区别
前端·chrome
Lysun0013 小时前
dispaly: inline-flex 和 display: flex 的区别
前端·javascript·css