前提 举例：例如你开发名为demo的项目，需要开发依赖eslint、生产依赖axios。一、开发时候1、你开发npm install eslint -D
npm install axios -S -D 就是 –save-dev的简写。 -S 就是 –s
转载
2024-07-13 09:23:07
24阅读
搭建 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阅读
nginx简介Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻
作为一个前端开发，本不需要自己部署项目，奈何天不遂人愿，活最终还是落到了自己头上，刚开始只是部署测试环境，只有一台服务器，手动部署以下也就算了，后面线上环境部署4台服务器，人当时就麻了对于喜爱摸鱼的我来说，严重耽误我摸鱼的时间，于是乎就在想能否写一个node脚本执行命令自动部署呢，想了一下，还是决定动手试试最开始是想通过执行shell命令打包项目，然后通过node进行io操作打包，再通过ssh2上
转载
2024-02-20 10:16:25
622阅读
最近入手了一款最便宜的腾讯云服务器，主要用来部署自己的个人博客以及学习一些linux知识，从而全方面了解掌握web技术。强烈建议前端人员拥有一个属于自己的服务器。在写此文章之前，我的云服务器已经安装好Mysql以及node, nginx等。下面以部署node网站为例，讲解几个常见的场景线程持久运行一般来说，我们在window cmd上通过node index.js启动一个服务器，只要不关闭，就可以
使用pkg打包Node.js应用的方法步骤Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去，但毕竟多了一个步骤，特别是对于离线环境下的部署机，麻烦程度还要上升一级。假设你用Node.js写一些小的桌面级工具软件，部署到
转载
2024-03-25 11:07:36
88阅读
一、前言Nginx是目前负载均衡技术中的主流方案，几乎绝大部分项目都会使用它，Nginx是一个轻量级的高性能HTTP反向代理服务器，同时它也是一个通用类型的代理服务器，支持绝大部分协议，如TCP、UDP、SMTP、HTTPS等。二、Nginx反向代理-负载均衡nginx.conf配置upstream nginx_boot{
# 30s内检查心跳发送两次包，未回复就代表该机器宕机，请求分发
一、配置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阅读
首先要明白web开发的困境文件依赖错综复杂 静态资源请求效率低 模块化支持不友好 浏览器对高级js支持不友好 …因此我们要使用webpack打包项目目录WebPack的使用WebPack打包cssWebPack自动打包Webpack为何要用::友好支持模块化、代码混淆、处理js兼容、性能优化等…使用[?第一步:]初始化项目:npm init -y
[?第二步:]新建 src/index.html
方便进行打包，使用了nodejs ，gulp nw-builder备注 windows 操作系统部分版本需要包含 msvcr100.dll 建议制作安装程序的时候直接包含为了进行视频以及音频文件的处理，mac 以及windows 需要添加对应处理视频音频的类库，默认附带的是以经典版1. 不包含源码的打包方式（支持 linux ,windows mac）打包布局如下：appdir ...
原创
2021-07-20 11:15:22
182阅读
背景毋庸置疑，NodeJS全栈开发包括NodeJS在前端的应用，也包括NodeJS在后端的应用?。CabloyJS前端采用Vue+Framework7，采用Webpack进行打包。CabloyJS后端是基于EggJS开发的上层框架。我们知道，EggJS采用的是约定优于配置的原则，当服务启动时，会在约定的目录加载controller、service诸如此类的文件。那么，我们基于EggJS开发的后端代
转载
2024-07-31 13:48:54
977阅读
如何将Vue项目打包并发布？我这边是测试发布到本地，不过步骤是一样的，步骤如下：1、安装部署Nginx服务器。说明：Nginx (engine x) 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。同时，也是一种轻量级的Web服务器，可以作为独立的服务器部署网站。（1）官方下载网址：http://nginx.org/（2）下载之后，得到 nginx-1.21.6
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections ...
转载
2019-08-03 11:35:00
333阅读
2评论
vue开发的项目，通过编译会得到 dist文件夹，如何发布到nginx服务器上？1 配置nginx服务器在nginx服务文件中，打开 conf文件夹，如下为了不改变nginx的默认配置（nginx.conf），复制一份，重名为 custom.conf，如下修改 custom.conf 文件中的 root 参数为 dist，如下......
server {
listen
转载
2024-05-18 20:52:00
424阅读
第二讲html5框架+Crosswalk 打包 app 以及 Angularjs 基础（初步认识了解 Angularjs）
学习要点：
1. html5 框架+Crosswalk 打包 app 2. 什么是
Node.js应用不需要经过编译过程，可以直接把源代码拷贝到部署机上执行，确实比C++、Java这类编译型应用部署方便。然而，Node.js应用执行需要有运行环境，意味着你需要先在部署机器上安装Node.js。虽说没有麻烦到哪里去，但毕竟多了一个步骤，特别是对于离线环境下的部署机，麻烦程度还要上升一级。假设你用Node.js写一些小的桌面级工具软件，部署到客户机上还要先安装Node.js，有点“大
转载
2023-07-16 20:07:51
63阅读
theme: channing-cyanhighlight: a11y-darkNginx配置-vue项目打包部署篇一、打包配置部署相关说明将部署应用程序包的基本 URL(baseUrl在 Vue CLI 3.3 之前的叫法)。这相当于 webpack 的output.publicPath，但是 Vue CLI 也需要这个值用于其他目的，所以你应该总是使用publicPath而不是修改 webpa
转载
2024-06-27 13:16:31
85阅读
之前一直使用的hta在开发工具，最近转到node-webkit上了，对比一下二者的优劣势。hta单个文件，体积较小，但有兼容性的问题（兼容ie6、7、8就行了，也还好），node-webkit使用webkit内核，可以直接使用html5、css3的相关特性，比如圆角、渐变等，比较方便，界面炫一些，但在windows下最大的问题就是体积较大。 还有就是node-webkit在window
转载
2024-06-11 17:42:00
48阅读
内核版本号uname -r 系统版本号sudo lsb_release -a 提权sudo -i name: blissyang pwd: qwer123456cmd 输入 bash 切换至Linux sudo apt-get install python 安装Python报错：404 Not Found [IP: 91.189.88.162 80]sudo apt-ge...
原创
2021-06-03 09:31:40
289阅读
这是第一个vue的小项目，怕忘记了，把大致流程记录下来给自己看，以后熟悉了就好啦！打开node.js官网，下载安装包，一般选择LTS稳定版本 然后傻瓜式安装就可以（“下一步”）；安装完成，打开cmd，输入node -v,回车，出现版本号就是安装成功了。 再查看包管理工具是否安装成功，输入npm -v，回车： 出现版本号即安装成功。&
转载
2024-08-30 15:40:55
191阅读
