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

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看看

相关推荐
香蕉可乐荷包蛋12 分钟前
浅入ES5、ES6(ES2015)、ES2023(ES14)版本对比,及使用建议---ES6就够用(个人觉得)
前端·javascript·es6
未来之窗软件服务1 小时前
资源管理器必要性———仙盟创梦IDE
前端·javascript·ide·仙盟创梦ide
liuyang___2 小时前
第一次经历项目上线
前端·typescript
西哥写代码2 小时前
基于cornerstone3D的dicom影像浏览器 第十八章 自定义序列自动播放条
前端·javascript·vue
清风细雨_林木木2 小时前
Vue 中生成源码映射文件,配置 map
前端·javascript·vue.js
FungLeo3 小时前
node 后端和浏览器前端,有关 RSA 非对称加密的完整实践, 前后端匹配的代码演示
前端·非对称加密·rsa 加密·node 后端
不灭锦鲤3 小时前
xss-labs靶场第11-14关基础详解
前端·xss
不是吧这都有重名3 小时前
利用systemd启动部署在服务器上的web应用
运维·服务器·前端
霸王蟹3 小时前
React中巧妙使用异步组件Suspense优化页面性能。
前端·笔记·学习·react.js·前端框架
Maỿbe3 小时前
利用html制作简历网页和求职信息网页
前端·html