前端自动化

传统cdn前端结合vuejs的一次尝试

2017-2-22更新：目前已经开始采用vue+webpack的开发方式，本文只是提供一个开发思路，有利于快速理解vue+gulp的这种前端自动化开发的模式，实际开发工程中还是有不少坑要跳的，建议还是使用
WolfSheller·2021-05-10 04:51

Spring Boot + Spring Security + JWT + Vue 权限控制

1.JWT2.SpringSecurity3.Vue（前端自动化构建，自定义指令搭配SpringSecurity）4.分离开发模式5.项目打包（前后端分离
板凳儿儿·2021-05-07 20:31

KAMS 前端自动化测试指南

本项目使用CasperJS进行前端自动化测试.CasperJs安装(windows)http://docs.casperjs.org/en/latest/installation.html#casperjs-on-windows
dominic0312·2021-05-06 13:39

前端自动化Gulp实际使用

前言在最开始接触自动化构建工具的时候，一直有一个疑问。假如我们只压缩js代码，那么原始路径和输出路径是肯定不能放在一起的，因为文件名的相同，会发生覆盖或者报错。那么问题来了，如果只改变压缩后新JS文件的路径，而不改变html内部src的引用路径，那么事实上html中引用的还是之前未压缩的JS，只能手动修改路径。但我在想自动化构建工具本身是提高效率的，不可能出现这样麻烦的事。折腾了几天我发现是我理解
Rin阳·2021-05-04 02:20

vue+Jenkins前端自动化部署

前言前端自动化是指前端代码的自动化构建、打包、测试及部署等流程前端自动化通常与持续集成CI/持续部署CD流程相结合自动化流程的意义在于：减少人为失误，提高软件质量效率迭代，便捷部署快速交付，便于管理Jenkins
Vigueur·2021-05-03 14:50

vue CLI脚手架初安装记录

开发服务器：模拟真实的开发环境，不是file://本地文件babel：将es6转换成es5语法，再转到服务器上postcss后处理器less/sass预处理器高效esLint代码规范不规范就报代码规范的错前端自动化构建工具
安之ccy·2021-05-02 10:46

前端自动化部署

请阅读下方文本熟悉工具使用方法deploy-cli-service前端一键自动化部署脚手架服务，支持开发、测试、生产多环境配置。配置好后一键即可自动完成部署。githubhttps://github.com/fuchengwei/deploy-cli-servicenpmhttps://www.npmjs.com/package/deploy-cli-service更新日志https://gith
狱之苍狼·2021-04-29 10:31

前端自动化工具之gulp

gulp作用压缩、合并js和css文件文件的压缩合并可以减少缓存减少文件的网络请求可以提高网页速度，所以gulp是非常不错的工具以下是如何安装和使用gulp声明：主要针对Mac端1、全局安装$npminstall--globalgulp全局安装注意这里是初始化(如果不想初始化请跳过)$npminit初始化后文件夹为空的如下图下面是对比照为未初始化多出了好多插件$npminstallgulp安装在当
mogugit·2021-04-28 11:29

Vue2.0史上最全入坑教程（下）—— 实战案例

说明：默认我们已经用vue-cli（vue脚手架或称前端自动化构建工具）创建好项目了一、项目说明ps：这个简单小项目只提供一个小小小的骨架，需要向“它”身上具体加多少“肉”，需要大家考虑好功能和布局后进行完善
微漫归雪·2021-04-28 02:47

前端自动化Gulp工具初识总结

Gulp与Grunt类似，也是一款构建工具，它能够自动执行我们前端常见的任务，比如编译Less、Sass，压缩JavaScript和刷新浏览器等等，以此来改进前端的工作方式，提高生产力。gulplogo安装Node.js由于Gulp是基于Node.js构建的，所以在使用Gulp之前，首先安装好Node.js。[下载地址：http://nodejs.cn/]安装Node.js方式非常简单，下载后运行
Rin阳·2021-04-27 05:57

gulp插件教程系列

文章出处在使用gulp的前端自动化构建工具时，搜了很多教程，发现http://www.ydcss.com的教程写的比较详细，适合新手，在此做个收藏，方便大家使用。
恬雅过客·2021-04-24 12:34

gulp实现前端自动化

gulp是基于node的前端工具，可以对代码压缩，自动刷新页面，编译各种预处理器，给css加浏览器前缀，加版本号，自动打包都很方便，实现的前端代码的自动化处理。开始我们要装node.js,这个没什么可说的，自行百度，安装完成之后在命令行里面输入下面两个命令，如果输出了版本号的话（请忽视前面的符号，这是cmder自带的，win下很好用的命令行终端），OK那么恭喜你安装成功了λnode-vv6.7.0
Jser_zk·2021-04-22 22:19

从头到尾用webpack搭建一个适用于自己项目的脚手架！一

简单通俗的说webpack就是一个前端自动化工具，就像grunt&gulp一样。某人抛弃之前用过的gulp而钟爱webpack，是因
红腊肉·2021-04-22 20:36

gulp 前端自动化实践

gulp简介gulp是一个基于Nodejs的自动化任务运行器，能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，它借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。gulp中文网
艾伦先生·2021-04-22 18:32

Grunt && Gulp前端自动化构建工具

前端自动化构建一、自动化构建的认识1.概念相关2.自动化初体验二、Grunt1.Grunt的基本使用2.Grunt标记任务失败1.如何标记2.失败之后带来的影响3.Grunt的配置方法4.Grunt多目标任务
Reborn酱·2021-04-19 11:54

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

永恒的前言简单实用的前端部署,一条命令搞定,省去繁琐的步骤!主要是**nodejsshelljs(命令行命令)node-ssh(连接服务器)**项目git地址(这个git项目是我自己搭的一个比较low的vue脚手架,集成ts)(第一次写文章,文笔不行,多多包涵,有不对的地方尽管指出)(主要看自动部署在upload目录)如何在你项目中使用(五步曲)第一步,把项目里upload文件夹复制到你项目根目录
波哥无敌·2021-04-19 04:24

京东（京喜）前端自动化测试之路

前言京喜（原京东拼购）项目，作为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及H5版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。原来的容灾演习过程：小程序（通信方式改成Https）和H5通过Whistle对接口返回进行修改来模拟异常情况，验证各页面各模块的降级处理符合预期。容
代码小姐·2021-04-18 09:36

使用 docker + webhook 实现前端自动化部署

image前言得益于node的横空出世以及前端工程化的兴起，无论是开发模式，还是开发框架，前端生态链都产生了翻天覆地的变化，与此同时前端慢慢开始向其他领域探索，项目部署就是其中一个领域在刀耕火种的时代，当执行npmrunbuild将生成产物交给运维后，前端的任务就算完成了，运维同学在生产服务器上将产物的路径写入nginx配置文件，至此完成了“简单”的部署随着项目的不断迭代，前端开始发现问题的严重性
心_c2a2·2021-04-18 03:15

使用Docker、Nginx和Jenkins实现前端自动化部署

部署目标搭建Docker+Nginx+Jenkins环境，用于实现前端自动化部署的流程。具体的实现效果为开发人员在本地开发，push提交代码到指定分支，自动触发Jenkins进行持续集成和自动化部署。
Java永远滴神·2021-04-17 23:48

前端自动化集成部署交付实践

后端|前端自动化集成部署交付实践.png前言随着前后端分离应用模式的推广，前端项目可独立部署维护上线，不再仅仅将前端开发后打包的文件直接丢到一个文件目录下就完事大吉了，现在对前端来说也需要了解运维的相关知识
维李设论·2021-04-17 21:45

vue + node 前端自动化部署到远程服务器

1.在项目中建立uploadupload.js内容及说明upload/config.js内的内容及说明使用方法及流程安装npmichalkorashelljsnode-sshinquirercompressing-D在项目中upload/config.js配置文件,配置ssh地址,用户名,验证方式,需要上传的目录地址在项目中package.json文件中加上"automaticDeploy":"n
多久以后_Mr·2021-04-15 04:52

Pytest和Allure测试框架-超详细版+实战7

allure在测试中应用自动执行1，单元测试测试报告展示在这里插入图片描述2，conftest中编写driver，范围session，使用addfinalizer在测试结束后关闭浏览器在这里插入图片描述3，前端自动化测试
C1R2·2021-04-13 17:47

Gulp基本概念

简介Gulp基于Node.js的前端自动化构建工具任务化基于流（输入流和输出流）异步执行任务底层封装基于Node的读写模块主要用途：css处理：压缩，转码（比如自动添加兼容前缀）js处理：压缩，转码（ES6
·2021-04-07 21:57

前端自动化-Gitlab

在持续集成的开发中，一套自动化工具的出现是可以事半功倍安装Gitsudoapt-getinstallgit安装gitlab1，安装依赖包，运行如下命令sudoapt-getinstallcurlopenssh-serverca-certificatespostfix2，运行命令后，会出现一样邮件配置项，选择Interentsite这项，然后一路回车键开源软件国内镜像源https://zhuanla
·2021-03-13 04:26

自动化单元测试 -- karma

前言前提是客户端已配置好node环境对于自动化的一些深入知识可以移步至前端自动化测试解决方案探析|ouvenzhang的博客进行了解使用npm如果慢的话可以使用淘宝NPM镜像因为一个是请求的国外的服务器
sunxiaochuan·2021-03-11 18:13

前端自动化部署&npm发包初探

一、前言在实习之前，在学校做个人项目的时候，每每需要将前端构建产物部署到服务器的时候都需要自己手动的经历本地环境打包构建、打开sftp传输工具、代码上传至服务器指定目录（前端静态文件通过Tomcat部署，只需要更新文件即可，不需要重启Tomcat）等一系列繁琐却又简单的工作，也就是说如果我想要在生产环境看到自己在开发环境中产生的变化，那么我就需要经过如上步骤，有时候还要涉及云服务器登陆，登陆又需要
做一只旅行青蛙·2021-02-02 14:12

2020-12-18 cypress-mgmm

介绍Cypress是基于JavaScript语言的一种前端自动化测试工具。Cypress是自集成的，这类测试框架统称为e2e测试，即endtoend（端到端）测试。
宇宙区长李小无·2021-01-12 16:51

使用sublime text3搭建Python编辑环境的实现

我所在的测试组有一套PC软件前端自动化工程，在进行自动化测试时，需要在一台古老的xp机器上运行，但这台古老的xp机器带给我诸多烦恼，特别是使用Pycharm编辑器时，我遇到了以下三个问题：电脑关机后无法重新运行
·2021-01-12 10:23

nodejs 基础篇整合

node的地位虽然在实战项目中运用的不是很多，但也不能否认它在处理高并发,服务端渲染，前端自动化方面的优势。总而言之。如果你是个自学能力很强的人。请来到这里学习。让我们一起去打开
码梦为生·2021-01-09 01:43

前端CI/CD,从零开始,彻底弄懂前端自动化构建和部署(CD篇)

实现思路1.程序员在本地进行开发2.程序员将修改后的代码提交到gitlab代码仓库3.gitlab收到代码后通过webhook通知jenkins进行构建4.jenkins构建好了以后将构建好以后的代码发布的到线上服务器优势gitlab、jenkins、生产服务器这三个服务都可以分布在不同的服务器,所以大大提高了可配置性也降低了耦合。环境准备gitlab代码仓库(可以在线上,也可以在本地)jenki
Felix·2021-01-04 16:59

cypress测试脚本_你不知道的Cypress系列（1） 鸡肋的BDD

iTesting，爱测试，爱分享我的新书前端自动化测试框架Cypress从入门到精通出版啦！自从我的新书上市以来，这本书受到了大量同学热情的追捧和讨论。
weixin_39617215·2021-01-01 16:55

Webpack4.0各个击破（1）html篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。
JAVA_朴先生·2020-12-29 20:30

webpack4.0各个击破（2）—— CSS篇

webpack作为前端最火的构建工具，是前端自动化工具链最重要的部分，使用门槛较高。
JAVA_朴先生·2020-12-29 20:30

前端CI/CD,从零开始,彻底弄懂前端自动化构建和部署(CD篇)

实现思路1.程序员在本地进行开发2.程序员将修改后的代码提交到gitlab代码仓库3.gitlab收到代码后通过webhook通知jenkins进行构建4.jenkins构建好了以后将构建好以后的代码发布的到线上服务器优势gitlab、jenkins、生产服务器这三个服务都可以分布在不同的服务器,所以大大提高了可配置性也降低了耦合。环境准备gitlab代码仓库(可以在线上,也可以在本地)jenki
Felix·2020-12-14 20:42

前端CI/CD,从零开始,彻底弄懂前端自动化构建和部署(1)

引言:随着gulp、webpack等打包工具的兴起,前端开发已经不像以前单纯的写写html/css,现在的前端涉及到一系列的预编译、编译、构建、部署等环节,在学习自动化构建之前你可能是这么操作的,开发-->打包-->ssh到服务器-->删除先前的项目文件夹-->复制打包好的文件夹通过ftp工具将打包好的代码传输过去,然后稍微有一点修改,你又要重复上述步骤！然鹅...石器时代已经过去啦,当你学习了自
Felix·2020-12-06 13:27

前端CI/CD,从零开始,彻底弄懂前端自动化构建和部署(1)

引言:随着gulp、webpack等打包工具的兴起,前端开发已经不像以前单纯的写写html/css,现在的前端涉及到一系列的预编译、编译、构建、部署等环节,在学习自动化构建之前你可能是这么操作的,开发-->打包-->ssh到服务器-->删除先前的项目文件夹-->复制打包好的文件夹通过ftp工具将打包好的代码传输过去,然后稍微有一点修改,你又要重复上述步骤！然鹅...石器时代已经过去啦,当你学习了自
Felix·2020-12-06 12:44

Gitee+Jenkins+图灵机器人部署前端自动化项目图文教程

准备工作1.安装好Jenkins，安装教程可以参考官网或者网上的其他教程2.码云账号，建个前端项目仓库，至于为什么不用Github,主要是Gitee比较快3.注册个图灵机器人，地址：http://www.tuling123.com/，window系统下载安装酷Q，地址链接:https://pan.baidu.com/s/1-vNP...提取码:a3v4下载CQHttp插件https://pan.b
ZoeLee·2020-12-04 01:42

Gulp基础入门

本文目录：-1.快速入门2.常用方法3.常用插件4.插件使用方法5.启动指令优化与热更新1.快速入门gulp基于node平台开发的前端自动化构建工具，gulp允许我们将一些机械化操作编写成任务，想要执行机械化操作时执行一个命令行命令任务就能自动执行了
前端辉羽·2020-11-30 16:40

vuecli打包后的dist目录无法访问_听说很多人都不会打包，教你Python实现前端自动化打包部署！...

在我学习过程中，一直琢磨着如何将学习的理论与我所掌握的知识结合起来，来解决或者处理实际问题，于是就有了前端自动化打包部署的念头。尽快近几年，市面上关于自动化部署的工具层出
weixin_39654352·2020-11-20 15:26

第一天邮箱注册&markdown语法&xmind

+名字的首字母+生日后四位例如:rendj1215二、2.1登录1.用账号登录rendj12152.2关注果芽软件1.首页输入-果芽软件-搜索-关注image.pngimage.png2.关注专题1.前端自动化
阿登20·2020-10-11 03:44

使用GitHub Actions实现前端自动化打包、部署

一、前言作为一名前端菜鸡，服务器小白，刚开始在Linux服务器上部署网站时，前端代码我一般都是打包后手动FTP传上去，后端代码直接在vscode中使用SSH连接服务器，直接同步代码更改。但小黑作为一个生命不息折腾不止的程序猿，肯定要探索更好玩更高效的方法，所以这次，咱就上手折腾了下自动化部署方案二、准备工作1、持续集成服务（CI）方案选择实现代码提交的自动化工作流，要依靠持续集成（CI）（或者加上
黑面书生·2020-10-09 13:47

Webpack - 前端自动化导入

一、require.context在阅读vue-element-admin项目过程中,作者采用如下操作,引入了全局使用到的svg矢量图constreq=require.context('./svg',false,/\.svg$/)constrequireAll=requireContext=>requireContext.keys().map(requireContext)requireAll(r
Coderclc丶·2020-10-04 12:55

使用GitHub Actions实现前端自动化打包、部署

一、前言作为一名前端菜鸡，服务器小白，刚开始在Linux服务器上部署网站时，前端代码我一般都是打包后手动FTP传上去，后端代码直接在vscode中使用SSH连接服务器，直接同步代码更改。但小黑作为一个生命不息折腾不止的程序猿，肯定要探索更好玩更高效的方法，所以这次，咱就上手折腾了下自动化部署方案二、准备工作1、持续集成服务（CI）方案选择实现代码提交的自动化工作流，要依靠持续集成（CI）（或者加上
黑面书生94614·2020-09-29 09:43

日常学习之webpack

大纲：认识webpackwebpack的安装手动配置webpack手动配置webpack内置服务手动配置HTML模板手动配置cssES6语法转换图片配置一、认识webpack1.1定义：前端自动化构建工具
慢性告别·2020-09-21 13:37

java开发工具-------前端自动化刷新工具 live-server 的介绍和使用

今天敲项目，发现一个一直在用的工具不是很明白，百度谷歌后，使用原本的项目进行了一些简单的测试，有种豁然开朗的感觉。话不多说，上步骤。（准备带截图的，发现截图没有传成功，有点气，不过说的还算明白^~^）优势：使用live-server后，当鼠标离开编辑器之后会自动为我们刷新浏览器。1,确认是否安装node环境，检查版本，出现版本号表明安装成功2,使用npm安装（全局安装）：npminstall-gl
云神-云中君·2020-09-17 07:45

webpack和grunt/gulp的对比

□所以grunt/gulp也被称为前端自动化任务管理工具。■什么时候用grunt/gulp呢？□如果你的工程模块依赖非常简单，甚至是没有用到模块化的概念。□只需要进行简单的
L_Zzzzz·2020-09-17 06:31

使用gulp-sass 和 gulp-livereload 自动编译sass文件

吐槽前面我也说过了，出来实习几个月，被前端磨得快没脾气了，特别是写css时不停的F5->切换..循环W(￣_￣)W，使用gulp前端自动化很好的解决了这个问题。
林楠力·2020-09-17 06:46

前端自动化刷新工具 live-server 的介绍与使用方法

前言介绍前端开发调试的时候以前总需要不断的刷新看效果，效率很差。使用live-server后，当鼠标离开编辑器之后会自动为我们刷新浏览器。liver-server的安装使用cnpm全局安装cnpminstall-glive-serverliver-server的使用windows下在cdm切换到当前项目目录，输入命令live-server即可。如图：
SundayAaron·2020-09-17 06:19

[CasperJS] 安装

百度百科说：CasperJS是一个开源的导航脚本处理和测试工具，基于PhantomJS（前端自动化测试工具）编写。
yongfengsite·2020-09-17 01:38

git+jenkins+maven自动化部署（四）vue前端自动化部署

一、流程建立maven项目-》General-》源码管理-》build-》构件后操作-》验证，下面逐一进行分析。二、新建maven项目输入任务名称，选择【构建一个maven项目】三、项目配置1、General配置进行简单的描述，其他可根据项目实际进行配置2、源码管理选择对应的git地址，进行代码拉取3、构件环境4、构件这里我用的是cnpm,避免因网络问题导致错误。代码如下#!/bin/bashso
Cloudia8020·2020-09-16 20:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他