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

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

相关推荐
mldong2 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js
2分钟速写快排3 小时前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
passerby60614 小时前
如何自己造一个时间处理库
前端·javascript·github
走到天涯海角5 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!5 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰5 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
mayaairi6 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen7 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
风骏时光牛马8 小时前
AI源码分析:拆解模型底层实现逻辑
前端
IT_陈寒8 小时前
React子组件莫名其妙重渲染?你可能漏了这个Hook
前端·人工智能·后端