前端自动化部署服务器, 告别繁琐部署过程

刺骨的言语ヽ痛彻心扉 2022-10-30 08:25 243阅读 0赞

**简单实用的前端部署, 一条命令搞定, 省去繁琐的步骤!**

主要是\*\* nodejs shelljs(命令行命令) node-ssh(连接服务器)\*\*

[项目git 地址][git]

(这个git项目是我自己搭的一个比较low的vue脚手架,集成ts)

(第一次写文章, 文笔不行, 多多包涵,有不对的地方尽管指出)

(主要看 自动部署 在 **upload** 目录 )

### **如何在你项目中使用( 五步曲 )** ###

**第一步, 把项目里 upload 文件夹复制到你项目根目录**

![format_png][]

image.png

**第二步, 下载该js相关依赖**

npm 或 cnpm i chalk ora shelljs node-ssh inquirer compressing -D

**第三步, 打开 upload/config.js 配置文件, 配置ssh地址, 用户名, 验证方式,需要上传的目录**

![format_png 1][]

image.png

**第四步, 在你项目中 package.json 文件中 加上 "deploy": "node ./upload/upload.js"**

![format_png 2][]

image.png

**最后 在命令行输入 npm run deploy 选择发布环境 然后就ojbk了**

![format_png 3][]

image.png

![format_png 4][]

image.png

![format_png 5][]

image.png

![format_png 6][]

image.png

**大功告成~~**

### [https://github.com/bgwd666/deploy][https_github.com_bgwd666_deploy] ###

[git]: https://links.jianshu.com/go?to=https%3A%2F%2Fgithub.com%2Fbgwd666%2Fdeploy
[format_png]: /images/20221024/de3f2dc37ee34e838dea17084bce3718.png
[format_png 1]: /images/20221024/ff2150c2af374edf8023244aadda6d58.png
[format_png 2]: /images/20221024/5b8081151e1c4c749bc4c2cfc85830a5.png
[format_png 3]: /images/20221024/7568316ab3d64c0fbe68e9e142f98fc4.png
[format_png 4]: /images/20221024/7a48b14f0a1e4e54a0d57df0dfe93a00.png
[format_png 5]: /images/20221024/eba308a519bc41699cf6a66cf72a2166.png
[format_png 6]: /images/20221024/d7958bceb3f0425ba0dcc8b8a9be78ff.png
[https_github.com_bgwd666_deploy]: https://github.com/bgwd666/deploy

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关前端配置vue项目jenkins自动化部署

一： general * 这部分不需要配置，输入个项目描述就可以 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naG...

冷不防/ 2024年04月19日 13:00/ 0 赞/ 16 阅读

相关 gitlab ci/cd 前端自动化部署

解释与安装 [https://juejin.im/post/5b03963a51882542821ca56a][https_juejin.im_post_5b03963a

忘是亡心i/ 2023年03月01日 10:19/ 0 赞/ 113 阅读

相关前端自动化部署服务器, 告别繁琐部署过程

简单实用的前端部署, 一条命令搞定, 省去繁琐的步骤! 主要是\\ nodejs shelljs(命令行命令) node-ssh(连接服务器)\\ [项目git 地址][g

刺骨的言语ヽ痛彻心扉/ 2022年10月30日 08:25/ 0 赞/ 244 阅读

相关项目自动化部署

!/bin/bash env_path=$(cd `dirname $0`; pwd) source ${env_path}/bi.

冷不防/ 2022年06月02日 00:37/ 0 赞/ 371 阅读

相关自动化部署脚本

1、自动化部署脚本如下： init.sh脚本获取当前脚本所在的目录并赋值给变量bin，/opt/xxx/xxx bin=`dirname

落日映苍穹つ/ 2022年05月28日 00:57/ 0 赞/ 414 阅读

相关前端自动化部署

前景提要: 假设某个项目涉及到三个及以上的project.每个project有自己的版本,众多的开发者共同在开发.那么,如何能做到不同project之间发布的时候做到同步且

朴灿烈づ我的快乐病毒、/ 2022年05月17日 00:12/ 0 赞/ 367 阅读

相关 Jenkins自动化部署

一、安装Jenkins 1. 安装JDK环境源码安装jdk1.8及以上版本，环境变量vim /etc/profile写在最后面如下： export JAVA\_HOM

逃离我推掉我的手/ 2022年05月14日 00:05/ 0 赞/ 510 阅读

相关自动化部署jenkins

自己实现的一个自动化部署 1.在jenkins中，在系统配置中添加ssh 2.创建一个maven项目 3.选择相关信息 4.上传shell脚本到服务器 5.给shel

曾经终败给现在/ 2022年05月06日 01:00/ 1 赞/ 531 阅读

相关 cobbler自动化部署

cobbler -------------------- 目录前言一、简介二、工作原理三、cobbler安装配置

怼烎@/ 2022年01月16日 10:33/ 0 赞/ 520 阅读

相关 Maven 自动化部署

项目开发过程中，部署的过程包含需如下步骤： - 将所的项目代码提交到 SVN 或者代码库中并打上标签。 - 从 SVN 上下载完整的源代码。 - 构建应用。 - 存储构建...

灰太狼/ 2020年05月24日 14:47/ 0 赞/ 2157 阅读