E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
gulp
gulp
自用总结
1.Browsersynchttps://browsersync.io/#install配合
gulp
插件使用:GlobalInstall:npminstall-gbrowser-syncLocalInstall
ritsuuu
·
2021-05-16 21:39
安装
Gulp
构建前端自动化工具
0.前言在我们正常开发过程中,我们写的项目最后都得打包、压缩然后上线,现在,我知道的几个前端自动化构建工具有Webpack、grunt、fls3、
gulp
等,但是其中最火的是Webpack,它确实比较厉害
旧丶时候
·
2021-05-16 18:52
Gulp
gulp
是基于NodeJs环境的一个构建工具,用来进行项目构建,处理如压缩js代码,转化less文件等任务,需要进行全局安装npminstall
gulp
-g
gulp
实现不同的构建任务是通过其它插件来执行
羊烊羴
·
2021-05-16 14:42
gulp
的简单使用
gulp
使用流程:安装nodejs->全局安装
gulp
->项目安装
gulp
以及
gulp
插件->配置
gulp
file.js->运行任务安装nodejs:
gulp
是基于nodejs,打开node官网下载安装
liuwan
·
2021-05-16 05:12
定位+思路+方法,三步教你快速敲定前端JS结构
是webpack、
gulp
还是browerify+npm?这些都是你要考虑的。如果是组件,那你要考虑它在不同环境,不同页面上被加载的情况。你把它设计为一个通用各端的组件?还是一个PC组件?
我是老尚
·
2021-05-16 01:41
如何使用正确的姿势在laravel框架中管理CSS
环境准备node-v检查node.js的版本npm-v注:node.js5.0版本之后就自带了npm可以去node.js的官网:nodejs.org去下载当然我们需要使用
gulp
进行管理$npminstall
lMadman
·
2021-05-15 11:42
前端工作流自动化构建工具
什么是
Gulp
?它是前端自动化构建工作流的利器,可以使用多个插件实现代码打包、压缩、合并、检测、浏览器自动刷新等功能。
柏龙
·
2021-05-15 06:53
2018-12-13
gulp
gulp
https://www.
gulp
js.com.cn/用自动化构建工具增强你的工作流程!1、什么是
gulp
?
PixelEyes
·
2021-05-15 02:29
Gulp
http://www.sitepoint.com/introduction-
gulp
-js/国内的教程说“
gulp
.js是一种基于流的,代码优于配置的新一代构建工具。”
TinaSJTU
·
2021-05-14 12:37
【三】
gulp
之用
gulp
-connect开启一个本地webServer
前端开发为啥需要个webserver?嗯?是啊,前端页面要是只有htmlcssjs,直接浏览器打开就好啊!事实确实如此,可是当我去用Ajax取本地的json文件(或txt或远程接口等等)的时候就尴尬了,谷歌浏览器会提示你:哥们儿你跨域了!!!如下图:$.get('json/movies.json',{},function(data){console.log(data);})Paste_Image.
小枫学幽默
·
2021-05-13 18:00
2017-08-31读书笔记(前端优化)
让这个过程自动化(Grunt或者
Gulp
)是理想的效果,但至少也应该在生产环境下
shaocx
·
2021-05-13 14:32
gulp
1
gulp
(自动化构建工具)自动化构建自动化构建:优化网站,提升网站性能,提高网站的代码,文件的优化处理处理在一个网站中,所有的静态资源都是一个独立的http请求,同时静态资源包括,HTML文件,js文件
Jianshu9527
·
2021-05-13 08:23
教你如何使用nvm
☞☞个人主页欢迎访问☜☜来到这家公司,发现产品运营了好几年了,node以及npm版本都是特别低,如果自己做一些vue脚手架或是webpack高版本的demo,根本就实现不了,本身webpack、
gulp
苏日俪格
·
2021-05-13 01:25
[Vue] 模块化开发
1.2ES6的module(常用)1.2.1export和import的使用1.2.2exportdefault的使用第二章Webpack2.1Webpack介绍前端模块化打包webpack和grunt/
gulp
秃小陈
·
2021-05-12 22:12
vue
笔记
JavaScript
vue
js
javascript
gulp
中前端常用的依赖包【自己在开发中会长用的内容】
image.png每个包的解释;image.png在http://www.cnblogs.com/gyx19930120/p/4773123.html;这个里面有很好的解释;WebAPI:getBoundingClientRect这个方法返回一个矩形对象,包含四个属性:left、top、right和bottom。分别表示元素各边与页面上边和左边的距离;使用方法;varbox=document.ge
吴高亮
·
2021-05-12 05:42
React 实现一个验证码组件
所有依赖包都是通过
Gulp
管理,就不再赘述了。了解
gulp
请移步
gulp
中文网。
ssruoyan
·
2021-05-12 05:21
前端构建大法
Gulp
系列 (一):为什么需要前端构建
我们都知道使用IDE编写后端程序时,我们都需要Build,对.NET来说,我们一般需要使用VisualStudio来确保我们的项目编译通过,而且项目编译通过是对所有程序员的基本要求。但是,由于很多后端程序员对前端的很多东西不了解,导致在做WEB项目时出现了一些问题。JavaScript和CSS的版本问题我们都知道JavaScript和CSS属于静态文件,如果地址不变,浏览器会缓存这些文件,那就意味
敏捷的水
·
2021-05-11 21:35
webpack初探:用webpack进行react开发
在某种程度上,它可以代替
gulp
的功能。但是,想要获得最佳的前端构筑体验,恐怕还是得
gulp
+webpack才行。webpack学习起来不算太难,至少在我看来比
gulp
轻松。
Hilshire
·
2021-05-11 02:53
插件扩展
图片.png1.grunp
gulp
2.zepto3.baidutouch4.jQuerymobile5.swiper6.地图7.SASS|LESS8.bootstrap9.echarts|D310.datapickerhttp
LorenaLu
·
2021-05-10 16:48
传统cdn前端结合vuejs的一次尝试
2017-2-22更新:目前已经开始采用vue+webpack的开发方式,本文只是提供一个开发思路,有利于快速理解vue+
gulp
的这种前端自动化开发的模式,实际开发工程中还是有不少坑要跳的,建议还是使用
WolfSheller
·
2021-05-10 04:51
有关npm rum的3个简洁技巧
然而,npm同样也是一个强大的taskrunner,能够代替
gulp
。npmrun命令让你在package
OneAPM_Official
·
2021-05-09 14:37
一张脑图,几行demo代码入门
gulp
gulp
.png在项目根目录执行以下命令,安装
gulp
到你的项目目录npminstall--save-dev
gulp
生成
gulp
file.js,代码如下var
gulp
=require('
gulp
'),concat
2远
·
2021-05-09 12:31
初认
gulp
为什么是
Gulp
?类似
Gulp
的工具,我们通常称之为构建工具。如今最流行的两个构建工具是
Gulp
和Grunt。已经有非常多的文章论证它们之前的异同,你随便搜一下就知道了。
无敌小帅
·
2021-05-09 11:39
readme
-registry=https://registry.npm.taobao.org,再执行cnpminstall执行bowerinstall安装依赖有时可能因为下载速度过慢error,需要挂vpn执行
gulp
serve
StrangeOne
·
2021-05-09 00:54
npm-npmscript-
gulp
-webpack
题目1:如何全局安装一个node应用?通过使用npminstall-gnode应用题目2:package.json有什么作用?通过npminit命令行得到npm的配置文件,用来描述这个npm包的相关信息。以下自己写的包的信息:{"name":"clcweather",//npm包的名字"version":"1.0.0",//npm包的版本号//注意:每一次进行npm包文件的改动,version都要
Komolei
·
2021-05-08 16:49
前端小白之
gulp
入门
前言:别怕,
gulp
入门比你想象中的简单多了(●ˇ∀ˇ●)……
Gulp
简介官网:用自动化构建工具增强你的工作流程!
Gulp
和Webpack是一回事吗:
gulp
是任务管理工具(taskrunner)。
AlessiaLi
·
2021-05-08 16:55
webpack loader使用
例如Less和Sass,以前我们编译这些CSS预处理器,需要使用
gulp
书和咖啡
·
2021-05-08 10:30
Webpack
webpack
安装
gulp
-sass遇到的问题
安装:npminstall--save-dev
gulp
-sass安装之后,运行
gulp
若出现:1.首先重装
gulp
-sass2.若重装后仍然出错,可能需要重装node-sass输入npmrmnode-sassnpminstallnode-sass3
正在成长的琨
·
2021-05-07 17:16
javaweb男的
gulp
入手实践.
gulp
也能应用在jsp场景
前言前端圈里,现在工程化的前端已经是主流.各种前端工程化的技术比比皆是.webpack.grunt,
gulp
等等等,应接不暇.而再回看jsp当前的环境.当真的落后了前端圈太多.整体的开发模式,还是很多年前传统的企业级
拖鞋莫止步
·
2021-05-07 15:06
webpack是个什么玩意儿?
去年开始从做Android渐渐转换角色做了前端开发,Node.js、es6、webpack、require、
Gulp
、Grunt、Angular、Vue、React各种腥风血雨扑面而来,世界变化快,人老反应慢
woody虎头蔓
·
2021-05-07 13:33
安装使用
1、安装node.js环境,在node.js官网下载安装;2、打开命令行工具,按照以下代码,全局安装
gulp
;npminstall
gulp
-g3、在所要操作的文件夹中创建两个文件:
gulp
file.js
手抓饼丨
·
2021-05-07 11:26
常见错误!
找不到模块一般就是没有引入造成的运行
gulp
命令时出现下面错误,原因不明!!未解决
debt
·
2021-05-07 00:09
详解如何使用Node.js实现热重载页面
前言前不久我结合browser-sync+
gulp
+
gulp
-nodemon实现了一款生产环境热更新(我之前理解有点偏差,应该定义为热更新,不是热重载)的项目脚手架,那么,今天我们将使用Node.js实现一个热重载页面
·
2021-05-06 17:52
Gulp
-The streaming build system
参考http://slides.com/contra/
gulp
#/关于stream的概念可以参考node文集中的stream手册advantageWith
Gulp
yourbullfileiscode,notconfigYouusestandardlibrariestodothingspluginsaresimpleanddoonething-mostarea
stone_yao
·
2021-05-06 17:55
JSX 使用说明
有哪些需要注意JSX实际上是语法糖,用xml标签写Javascript代码,看上去结构更加清晰一般来说,在项目上线前要把jsx代码转换成纯js代码,
gulp
-react或react-toolsJSX需要注意关键词由于
KeKeMars
·
2021-05-06 12:22
前端构建工具
gulp
入门教程
本文假设你之前没有用过任何任务脚本(taskrunner)和命令行工具,一步步教你上手
Gulp
。不要怕,它其实很简单,我会分为五步向你介绍
gulp
并帮助你完成一些惊人的事情。那就直接开始吧。
kimpay
·
2021-05-06 00:20
npm,
gulp
,webpack
1.如何全局安装一个node应用?npminstall-gname2.package.json有什么用每个项目的根目录下,都有一个package.json文件,记录了这个项目所需要的各种模块,以及项目的配置信息(名称、版本、许可证等元数据)。npminstall命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。详细资料3.npminstall--saveapp与npmi
leocz
·
2021-05-05 22:56
用
gulp
搭建ES6 环境
因为公司原来使用
gulp
搭建的开发环境,因此这里总结下
gulp
环境下引入babel的方法。
李牧敲代码
·
2021-05-04 13:17
webApp 项目流程
构建项目建立git仓库建立本地仓库通过ssh链接git仓库全局安装
gulp
npminstall-g
gulp
项目目录内部再次安装npminstall
gulp
安装完成会生成一个node_modules文件夹创建
GodlinE
·
2021-05-04 13:57
运用
gulp
管理项目
推荐安装软件:node,webstorm通过npm安装
gulp
初始化npm,生成package.json:npminit可以选择只安装在项目中:npminstall--save-dev
gulp
也可以选择全局安装
Jadann
·
2021-05-04 11:53
NPM 安装之后无法install,Error: EPERM: operation not permitted,open...
WINDOWSNPM不能正常安装插件并报错:Error:EPERM:operationnotpermitted,open......windows系统下使用npm安装插件npminstall--save-dev
gulp
吴荣_前端的鱼
·
2021-05-04 08:33
gulp
、sass、ionic-------安裝
紀錄安裝流程,沒有太多說明
gulp
用途:目前安裝
gulp
只是要使用sass跟
gulp
的webserver安裝node.jscli輸入:npminstall-g
gulp
cd到專案目錄後輸入:npminit
YNC再寫一篇
·
2021-05-04 05:32
Node.js 笔记一:常用库
lodash包管理nrm快速npm换源,支持npm,cnpm,taobao等源,可以测试网速bower前段包管理工具,与npm略不同项目效率grunt自动化工具,提高前段开发效率,支持less,sass等插件
gulp
brandonxiang
·
2021-05-04 03:05
gulp
配置
headerheaderheaderheaderbaiduvara=1;varb=2;var
不穿内裤的小哪吒
·
2021-05-04 03:26
前端自动化
Gulp
实际使用
前言在最开始接触自动化构建工具的时候,一直有一个疑问。假如我们只压缩js代码,那么原始路径和输出路径是肯定不能放在一起的,因为文件名的相同,会发生覆盖或者报错。那么问题来了,如果只改变压缩后新JS文件的路径,而不改变html内部src的引用路径,那么事实上html中引用的还是之前未压缩的JS,只能手动修改路径。但我在想自动化构建工具本身是提高效率的,不可能出现这样麻烦的事。折腾了几天我发现是我理解
Rin阳
·
2021-05-04 02:20
Laravel5.4 迁移
Gulp
到 Webpack
Createawebpack.mix.jsfileinrootdirectory:const{mix}=require('laravel-mix');mix.js('resources/assets/js/app.js','public/js').sass('resources/assets/sass/app.scss','public/css');/*Optional:uncommentforb
kylesean
·
2021-05-03 20:07
Angular与最近的充电计划
asp.netmvc+angular+bootstrap(visualstudio2013/2015)主要还是熟悉vs在webtools下的整体生态环境,加上最近热门的bower,
gulp
等前端工具。
ArimaKisho
·
2021-05-03 16:50
gulp
简单介绍
gulp
是基于node开发的所以可以使用npm这个nodejs的包管理工具安装
gulp
,使用npm首先得配置node环境Installnpminstall
gulp
-cli-g全局安装
gulp
gulp
Lnannan
·
2021-05-03 06:24
gulp
插件(13) -
gulp
-changed(只传递修改过的文件)
通过使用
gulp
-changed可以只让更改过的文件传递过管道。这可以大大加快连续多次的运行,在开发过程中非常有用。
神秘者007
·
2021-05-03 05:01
gulp
--init
在学习前,先谈谈大致使用
gulp
的步骤,给读者以初步的认识。
amazing_bing
·
2021-05-02 21:47
上一页
9
10
11
12
13
14
15
16
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他