1、使用NPM Scripts包装构建命令 （1）在package.json中添加“scripts”字段 package.json "scripts": { "build":"sass scss/main.scss css/style.css" }, 添加完后完整的是下面这个样子的 { "name"
原创
2022-05-23 10:15:13
185阅读
我们先来设定一个简单的需求： 一个本地开发环境，具备文件变化并实时更新的功能； 修改代码，保存之后浏览器自动刷新 实时编译
原创
2022-04-06 11:37:51
362阅读
今天给大家介绍一下，如何通过docker，自动化构建vue项目。
现在系统大部分都采用k8s进行容器化部署，后端项目docker化很简单，特别是springboot项目，只要在dockerfile中添加相关命令，即可做到提交代码自动构建到云端。
那vue项目呢？如何才能实现自动化构建部署呢？
传统发版痛点：
传统的vue项目，很多都是通过前端手动打包成html静态文件，然后通过ftp传输到ng
原创
2021-07-09 15:47:39
527阅读
今天给大家介绍一下，如何通过docker，自动化构建vue项目。现在系统大部
原创
2022-01-12 15:41:59
165阅读
安装gulp
//全局安装
npm i gulp-cli -g
//本地安装
npm i gulp
//检测版本
gulp --version
本地gulp
本地Gulp有两个作用：
加载和运行Gulpfile中的构建指令
暴露API供Gulpfile使用
本地Gulp是真正运行构建任务的程序，全局Gulp只是用来启动各个项目中的本地Gulp
创建Gulpfile.js
const gu
原创
精选
2024-04-19 10:20:07
252阅读
1、创建项目 不管做什么开发，我们都应该遵循一定的规范，创建项目同样要注意文件夹的名字和结构。首先创建一个如下的基础项目结构，暂且就将项目命名为 auto-web： 简单解释一下： /src 源文件所在地。开发过程中的各种CSS和JS源文件都往这里面放。 /dist 目标文件所在地。上线前通过工具生
原创
2022-04-06 13:34:37
369阅读
@第一步：安装Node环境可以在这里下载node进行安装 https://nodejs.org/en/download/ 安装完成后在命令行输入node -v 可以看到版本号则安装成功 @第二部：推荐安装 cnpmnpm在国外，网络影响大，甚至还会遇到需要翻墙才能下载插件的情况，因此推荐安装cnpm
原创
2022-02-08 16:45:51
91阅读
@第一步：安装Node环境可以在这里下载node进行安装 https://nodejs.org/en/download/ 安装完成后在命令行输入node -v 可以看到版本号则安装成功 @第二部：推荐安装 cnpmnpm服务器在国外，网络影响大，甚至还会遇到需要翻墙才能下载插件的情况，因此推荐安装cnpm。
原创
2021-07-07 11:03:51
240阅读
前端自动化构建之Gulp本篇文章的核心是介绍一款强大的任务流工具Gulp，之所以题目叫做“前端自动化构建之Gulp”，是因为Gulp本身是使用JS编写的运行在Node环境的一个npm包，并且大部分开发者也都使用它来作为前端项目的自动化构建工具。不过，从本质上说，Gulp并非只能做前端自动化构建，后端构建发布自动化，脚本工具集自动化，测试流程自动化等都可以使用Gulp。所以，无论你是哪个技术栈的开发
原创
精选
2022-06-18 12:35:50
10000+阅读
前端自动化构建之Gulp 本篇文章的核心是介绍一款强大的任务流工具Gulp，之所以题目叫做“前端自动化构建之Gulp”，是因为Gulp本身是使用JS编写的运行在Node环境的一个npm包，并且大部分开发者...
原创
2022-07-20 15:13:37
10000+阅读
参考资料： 用自动化构建工具增强你的工作流程！:http://www.gulpjs.com.cn/ gulp详细入门教程:http://www.ydcss.com/ JavaScript构建（编绎）系统大比拼：Grunt vs. Gulp vs. NPM:http://news.cnblogs.co
原创
2021-07-28 10:54:24
170阅读
脚手架的作用 通用脚手架Yeoman Yeoman是一款脚手架工具，可以帮助开发人员创建项目的基础结构代码 yo是yeoman的命令行管理工具，...
原创
2022-03-03 10:50:54
162阅读
前言：博主2020.3正式进军前端，目标高级前端工程师，经验尚浅，文章内容如若有误，欢迎指正。自动化构建 并不是一个句子，有必要在行文前先说明一下它在本文中的宾语是前端工程。一：认识自动化构建随着前端需求和项目的日益复杂，出于提高开发效率、用户体验以及其它工程上的需要，我们通常会借助很多更高阶的语法或者工具来帮助我们更快更好的开发、部署一个前端工程。那么如何理解构建以及自动化构建呢？个人观点，简单
转载
2021-01-29 20:30:05
557阅读
2评论
前端自动化构建工具有：Bower，Gulp，Grunt，node，yeoman。。。自动化构建是作为前端工程化中重要的部分，承担着若干需要解决的环节。包括流程管理、版本管理、资源管理、组件化、脚手架工具等。流程管理完整的开发流程包括本地开发，mock调试，前后端联调，提测，上线等。在每个团队的基础设施当中(如cms系统，静态资源推送系统等)，都会存在一定程度将前端开发流程割裂。如何运用自动...
原创
2021-06-18 17:02:30
545阅读
前端自动化的内容自动化代码检查自动化测试自动化构建自动化部署自动化文档前端自动化的最佳实践
原创
2024-06-25 11:35:53
26阅读
前端自动化构建工具有：Bower，Gulp，Grunt，node，yeoman。。。自动化构建是作为前端工程化中重要的部分，承担着若干需要解决的环节。包括流程管理、版本管理、资源管理、组件化、脚手架工具等。流程管理完整的开发流程包括本地开发，mock调试，前后端联调，提测，上线等。在每个团队的基础设施当中(如cms系统，静态资源推送系统等)，都会存在一定程度将前端开发流程割裂。如何运用自动...
原创
2022-03-21 15:52:11
837阅读
为什么使用Gulp Gulp自动化构建工具可以增强你的工作流程！易于使用、易于学习、构建快速、插件高质！在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。如：代码的编译（sass、less）、压缩css，js、图片、合并js，css、es6转es5、自动刷新页面等 使用Gulp 1、全局安
转载
2020-09-22 15:46:00
411阅读
2评论
一、了解GurntGrunt 是一个基于任务的JavaScript工程命令行构建工具。Grunt
原创
2023-03-13 11:20:42
243阅读
说到自动化运维，我们不得不先讲讲自动化构建。在项目前期，我们每周甚至每天都要把代码包提交到开发和测试环境，然后触发人工或者自动化测试程序，如果发现了问题再等开发修复后滚动发布。在项目中期，我们可能每周或每月需要将经过测试的代码包发布到生产环境，然后进行功能验证，直接交给用户使用。在自动化构建没有流行的时候，我们这些发布新代码包的工作，都需要人工完成，不仅效率低还很容易出错。然而这几年随...
原创
2021-09-13 11:35:51
1236阅读
Maven作用Maven主要作用是使用它来导入第三方jar包管理项目下载Maven下载地址：http://maven.apache.org/download.cgi image-20200718084505519
Binary：编译之后的二进制文件；Source：表示可以查看源代码的，比Binary大一点；tar.gz archive：Linux、macOS系统使用；zip archi
转载
2024-07-04 07:24:17
47阅读
