搭建 Jenkins+nginx 的Node+vue的前端自动化部署主要用的Jenkins进行前端的自动化部署，环境以及工具使用的是：Docker 以及 Portainer ； 文章目录搭建 Jenkins+nginx 的Node+vue的前端自动化部署安装nginx及配置安装Jenkins及配置1- 安装Jenkins本身2- 系统安装NodeJS的环境3- Jenkins 系统插件及环境变量4
转载
2024-06-20 20:38:27
38阅读
前提 举例：例如你开发名为demo的项目，需要开发依赖eslint、生产依赖axios。一、开发时候1、你开发npm install eslint -D
npm install axios -S -D 就是 –save-dev的简写。 -S 就是 –s
转载
2024-07-13 09:23:07
24阅读
使用pkg打包Node.js应用的方法步骤Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去，但毕竟多了一个步骤，特别是对于离线环境下的部署机，麻烦程度还要上升一级。假设你用Node.js写一些小的桌面级工具软件，部署到
转载
2024-03-25 11:07:36
88阅读
首先要明白web开发的困境文件依赖错综复杂 静态资源请求效率低 模块化支持不友好 浏览器对高级js支持不友好 …因此我们要使用webpack打包项目目录WebPack的使用WebPack打包cssWebPack自动打包Webpack为何要用::友好支持模块化、代码混淆、处理js兼容、性能优化等…使用[?第一步:]初始化项目:npm init -y
[?第二步:]新建 src/index.html
一、配置config.js进行vue打包优化配置用到的优化手段有：cdn加速、公共代码抽离、代码压缩、图片文件压缩。 因此需要先下载的依赖有：//代码压缩
npm install uglifyjs-webpack-plugin --save-dev
//图片压缩
npm install image-webpack-loader --save-dev总的config.js配置文件如下：const U
转载
2024-09-03 07:38:24
0阅读
背景毋庸置疑，NodeJS全栈开发包括NodeJS在前端的应用，也包括NodeJS在后端的应用?。CabloyJS前端采用Vue+Framework7，采用Webpack进行打包。CabloyJS后端是基于EggJS开发的上层框架。我们知道，EggJS采用的是约定优于配置的原则，当服务启动时，会在约定的目录加载controller、service诸如此类的文件。那么，我们基于EggJS开发的后端代
转载
2024-07-31 13:48:54
977阅读
Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去，但毕竟多了一个步骤，特别是对于离线环境下的部署机，麻烦程度还要上升一级。假设你用Node.js写一些小的桌面级工具软件，部署到客户机上还要先安装Node.js，有点“大
转载
2023-07-16 20:07:51
63阅读
之前一直使用的hta在开发工具，最近转到node-webkit上了，对比一下二者的优劣势。hta单个文件，体积较小，但有兼容性的问题（兼容ie6、7、8就行了，也还好），node-webkit使用webkit内核，可以直接使用html5、css3的相关特性，比如圆角、渐变等，比较方便，界面炫一些，但在windows下最大的问题就是体积较大。 还有就是node-webkit在window
转载
2024-06-11 17:42:00
48阅读
这是第一个vue的小项目，怕忘记了，把大致流程记录下来给自己看，以后熟悉了就好啦！打开node.js官网，下载安装包，一般选择LTS稳定版本 然后傻瓜式安装就可以（“下一步”）；安装完成，打开cmd，输入node -v,回车，出现版本号就是安装成功了。 再查看包管理工具是否安装成功，输入npm -v，回车： 出现版本号即安装成功。&
转载
2024-08-30 15:40:55
188阅读
nodejs打包成桌面程序（exe）的进阶之路node js bat 前端 计划任务前言：最近的研究，请大佬们细品第一篇 - 任务计划程序篇说真的研究到将nodejs打包成可执行的exe文件是个意外的方向。刚开始我的需求就是想要在电脑开机时自启动nodejs的项目；因为自己目前是搞前端开发的，而nodejs现在对于前端来说还是很火的，我们也会经常接触到它，比如webpack、Vue、React等都
转载
2024-06-08 07:26:24
108阅读
前言最近项目搞得差不多了，开始尝试打包Node后台程序。 关于这个问题我卡了两天，尝试了各种办法，期间也走了不少弯路。 相关方面资料太少，在此分享出一套方案实现。 帖子有些啰嗦，你可以直接下载我的工程案例瞅一下：案例工程问题pkg用起来各种问题，不知道pkg是压根就不支持ES6还是我没搞明白，但它明明引用了babel！解决好吧，我们自动手动搞一个babel ES6->ES5编译过程。1.首先
什么是 Webpack Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 为什么重复造轮子 市面上已经存在的模块管理和打包工具并不适合大型的项目，尤其单页面 Web 应用程序。最紧迫的原因是如何在一个大规模的代码库中，维护各种模块资源的分割和存放，维护它们之间的依赖关系，并且无缝的将它们整合到一起生成适合浏览器端请求加载的
转载
2024-05-07 08:52:34
35阅读
最近接到一个 angular + ionic + cordova 版本比较老的项目，知识（芝士就是力量）盲区 cordova 打包 apk，也是去看了各种大佬分享的芝士，做一个总结方便你我他。 目录1、前端必备`node.js`2、`JAVA_JDK`下载与安装3、安装gradle4、Android SDK 环境变量配置5、安装ant6、安装cordova7、打包vue项目特别提示 一 、环境配置
转载
2023-11-08 21:52:10
67阅读
在搭建高吞吐量web应用这个议题上，NginX和Node.js可谓是天生一对。他们都是基于事件驱动模型而设计，可以轻易突破Apache等传统web服务器的C10K瓶颈。预设的配置已经可以获得很高的并发，不过，要是大家想在廉价硬件上做到每秒数千以上的请求，还是有一些工作要做的。这篇文章假定读者们使用NginX的HttpProxyModule来为上游的node.js服务器充当反向代理。我们将介绍Ub
转载
2024-08-16 19:24:18
55阅读
nodejs无可厚非是新兴的后端语言，因为他的开发语言是javascript，javascript语言的自身优势，让nodejs迅速的火遍大江南北。 很多的nodejs的开发插件如雨后春笋般的涌现出来，比如文件操作的fs，解决数据库链接的各种中间件，mysql、mongoose等等。 &nbs
jenkins自动构建docker镜像，并上传至harbor仓库在jenkins的项目中手动推送并查看# docker images在harbor仓库查看上传完成出现报错的可能：jenkins.sock文件没有给权限认证出现报错：使用harbor用户密码gitlab自动触发jenkins第一：在jenkins的设置中找gitlab的插件并安装，安装完成后第二：在gitlab主机中点击管理中心-设置
首先看下面这张图片，下面的所有界面都是用html代码实现的。编程IDE:vb6.0使用控件：WEBBROWSER原理：使用olelib 让程序继承：IDocHostUIHandler 和 ICustomDoc接口 实现对window.external的重写。接下来展示一下基本的API接口。【】var C_System = function () {
this.UI = {
作为一个前端开发，本不需要自己部署项目，奈何天不遂人愿，活最终还是落到了自己头上，刚开始只是部署测试环境，只有一台服务器，手动部署以下也就算了，后面线上环境部署4台服务器，人当时就麻了对于喜爱摸鱼的我来说，严重耽误我摸鱼的时间，于是乎就在想能否写一个node脚本执行命令自动部署呢，想了一下，还是决定动手试试最开始是想通过执行shell命令打包项目，然后通过node进行io操作打包，再通过ssh2上
转载
2024-02-20 10:16:25
622阅读
前言NodeJS在前端领域正扮演着越越重要的地位，它不仅可以让前端工作者使用javascript编写后端代码，还能方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。所以作为一名优秀的前端工程师，非常有必要了解和掌握Node.js。笔者接下来将通过对H5-Dooring项目中
转载
2024-07-11 22:33:51
38阅读
（扩展小知识： 每次打开前端文件运行和后端文件运行的时候都需要在cmd里一步一步输入命令比较的麻烦，我们可以创建一个后缀名问 " .bat "的文件把步骤写进这个文件里，只需每次运行的时候直接点击该文件就可以了。（" .sh "文件也是 但里面的反斜杠改成正斜杠就可以））下面是我们的正题打包流程用到了nginx简单介绍一下，nginx这是一个轻简级的wed服务器 这里简单可以了解一下，需要深入的了
