首页
学习
活动
专区
圈层
工具
发布

gulp的使用

引言 gulp是用于前端自动化构建的,方便前端进行即时开发的工具 自动化构建所需的插件 在项目路径下使用 npm init初始化之后,将下面需要安装的依赖复制到package.json文件中 "devDependencies...在复制到package.json文件中后,使用npm install命令,npm会下载devDependencies中对应版本号的依赖文件,这里只是完成了本地的安装,此时如果运行 gulp命令可能会报一些错误..., 大概率是因为没有安装对应全局的插件,或者本地安装的插件和全局安装的版本号不一致 如果没有安装对应全局和本地的插件,则使用命令安装(以版本号2.24.4的browser-sync为例) npm install...()); }); //监听处理css的任务 gulp.task('css',function(){ gulp.src(paths.css+"*.scss") .pipe(sass().on('error...':"./" } }); }); //创建一个默认的任务 gulp.task('default',['bs','watch']); 使用gulp命令开启default默认任务之后,此时更改src

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用gulp压缩合并AngularJS项目中js

    toc AngularJS项目中js众多,上线的时候压缩合并下还是很有必要的^_^ 在此之前如果不了解gulp,推荐访问Gulp开发教程(翻译)。...值得注意的是,一般书写时按照简写的格式: angular.module("MyMod").controller("MyCtrl", function($scope, $timeout) { }); 但是压缩...js会破快AngularJS文件所需的依赖注入,以至于无法工作,因此压缩前你需要将代码手动修改为下面的形式: angular.module("MyMod").controller("MyCtrl", [..."$scope", "$timeout", function($scope, $timeout) { }]); 在此着重介绍下ng-annotate这个项目,它会自动帮你做这件事_,这个项目正好提供了gulp...的插件,因此顺理成章: var gulp = require('gulp'); var ngAnnotate = require('gulp-ng-annotate'); var gutil = require

    1.5K30

    Gulp 在金蝶云平台项目中的使用经验

    /widget' } }; 接下来就是使用 gulp 对 js 文件进行打包,用到的是「gulp-requirejs-optimize」,由于项目是多入口文件,所以需要批量打包,打包的代码如下:...刚开始想实现浏览器 F5 自动刷新使用到的是 grunt 和 livereload 插件,gulp 也有对应的方法,参考 gulp 教程之 gulp-livereload。...还有,由于项目原因,开发的时候不能使用到 127.0.0.1 ,想换成 php 配置的域名怎么做?...基于 gulp 的前端构建 之前使用 Grunt 时总结了一篇「基于 Grunt 的前端构建」。...在使用了 Grunt 的一段时间后,我发现了 gulp 的运行速度比 Grunt 快很多,于是便从 Grunt 转移阵地到了 gulp。以下的构建思路跟 Grunt 的构建很类似。

    2.1K00

    IDEA使用模板自动生成类注释和方法,解决方法注释在接口中或普通类的方法外使用模板注释不带参数的情况

    ${TIME} * @modified By ${USER} in ${DATE} ${TIME} * @description AddDescriptionHere */ idea 模板使用的...velocity.apache.org 方法注释 File->Settings->Editor->Live Templates 1.创建模板组 2.创建对应模板 3.修改快捷键(缩略词) 针对在接口中或普通类的方法外使用模板注释不带参数的情况...假如触发的快捷键为doc, ★在类中输入 "/doc" 触发方法注释可以带参数, ★但是下方的template text 开头要去掉"/" 为了符合注释习惯,可以将快捷键设为 * 或 **,...★在类中输入 /*或者/**可以触发带参数的方法注释 ★对应的,在template text 开头要去掉 /或者/* 相当于将快捷键替换为template text中的内容,很好理解 4.添加模板内容...-脚本之家 使用groovy脚本生成idea方法注释参数格式对齐 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/179201.html原文链接:https://javaforall.cn

    2K10

    第210天:node、nvm、npm和gulp的安装和使用详解

    gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率...gulp是引入开发过程中的一些小工具,生产模式不需要gulp 本示例以gulp-less为例(将less编译成css的gulp插件)展示gulp的常规用法,只要我们学会使用一个gulp插件后,其他插件就差看看其帮助文档了...2、首先确保你已经正确安装了NODE环境,然后以全局方式安装gulp npm install -g gulp 全局安装完gulp后,还需要在每个要使用gulp的项目中单独安装一次,把目录切换到你的项目文件夹中...://www.gulpjs.com.cn/ 具体使用请看这个网站教程 3、在自己的项目目录下再安装一下gulp,并且写进package.json文件中,在项目目录下没有package.json需要先使用...gulp default或gulp将会调用default任务里的所有任务[‘testLess’,’elseTask’]。

    2.9K10

    使用 Java 16 或 Kotlin 更好的进行插件或模组开发

    使用 Java 16 或 Kotlin 更好的进行插件或模组开发 声明:本文章中 Java 8 至 Java 16 以来变化的内容整理自 这个网站,您可以访问该网站以了解更多新版本 Java 的更改 简洁起见...从 Java Edition 1.17(正确的来说,是 21w19a)开始,Minecraft 需要 Java 16 或更新版本才能运行。...以普遍理性而言,这些开发者应当可以切换到 Java 16 进行开发: 所有面向 Minecraft 1.17 或更高版本进行开发的模组/插件开发者 面向 Minecraft 1.13+ 的 Bukkit...插件开发者 为什么使用 Kotlin Kotlin(JVM) 作为一个基于 JVM 平台的开发语言,为开发者们提供了更加舒适的开发方式,收到了很多开发者的追捧。...对于 Kotlin 来说,由于其可以基于 Java 8 运行,因此在大多数情况下无需进行更多更改,只需要在模组或插件内包含一个 Kotlin 的标准库,便可以享受 Kotlin 带来的便捷开发。

    72920

    算法篇:位运算异或的使用(一)

    算法: 在位运算中,运用最多的便是异或操作^,规则如下所示: 1.a^a = 0 ,a^0 = a, 2.a^b^a= a^a^b = 0^b = b 备注:下面的两个题目是单纯使用异或操作的题目,...题目1: 异或的基本使用 https://leetcode-cn.com/problems/single-number/ ?...} res := 0 for _,v := range nums{ res ^= v } return res } // 算法: // 利用位运算,异或的使用...,a^a = 0 ,a^0 = a, // 因为题目是两个数,和一个数,属于^的完美使用范畴, // 由公式:a^b^a= a^a^b = 0^b = b,可以直接将代码取异或操作, //结果就是那个个数为...// 因为有两个数字个数是1,其他都是两个,所以要使用异或, // 大体思路是将包含两个一个的数组变成2个分别包含一个个数是1的数组里面,将题目转换成题目1的做法 // 算法分为三步: // step1

    55331

    MyLayout和XIB或SB的混合使用方法

    因为MyLayout中的各种布局视图类其实都是从UIView派生的,因此MyLayout是完全可以和XIB以及SB混合使用的。...因为MyLayout是一个独立而完整的界面布局框架,因此您可以和系统默认的AutoLayout混合使用,也可以完全独立的单独使用。...不和AutoLayout以及Size Classes结合使用的方法 当您使用MyLayout进行界面布局时,那么要求至少应该存在一个布局视图,否则所有关于子视图的扩展布局属性都无效,因为子视图的这些扩展属性只有在布局视图里面才有用...我们只要直接在根布局视图中,先添加一个UIView视图,然后把类名改为对应想要使用的布局视图就可以了。...代码和编辑器结合布局 和AutoLayout结合使用方法 上面的例子介绍的是在不使用AutoLayout时如何将MyLayout和XIB以及SB结合的场景,那么如果我们使用AutoLayout并且想用到

    1.1K40

    避免在 TypeScript 代码中使用模糊的 Object 或 {}

    避免 TypeScript 代码中使用模糊的 Object 或 {}在 TypeScript 的世界里,当我们期望一个对象但不确定对象的具体结构时,通常会使用 Object 或 {} 作为类型。...理解使用 Object 或 {} 的问题当我们有一个 TypeScript 变量存储任何对象,但对对象的结构不确定时,我们经常使用 Object 或 {} 这样的类型,如下所示:type Param =...Object;// 或type Param = {};然后在各个地方使用它,比如函数参数:function myFunc(obj: Param) { console.log(obj);}但这会成为一个问题...Object 或 {} 引起的问题,现在是时候动手解决这些问题,探索一下解决这些问题的不同路径。...假设我们想要为键使用字符串类型,为值使用未知类型,那么我们可以定义我们的参数类型为:type Param = { [index: string]: unknown}注意:这里的 index 只是一个占位符

    38900

    NPM命令实用使用技巧总结

    安装模块 使用npm install来安装,你可以使用其简写npm i 一次性安装多个模块 无需为你要安装的每个模块都输入一遍npm i指令,像这样: npm i gulp-pug npm i gulp-debug...更简化,你可以使用-P标志,这样安装: npm i gulp -P 同理,开发环境下的依赖安装,你可以用-D代替--save-dev npm i gulp -D 当你不带任何安装标志时,npm 默认将模块作为依赖项目添加到...如果你想避免这样,你可以使用no-save,这样安装: npm i vue --no-save 获取安装包信息 使用npm view xxx或npm v xxx可以查看包信息,如图 [q7bpibwv9s.jpeg...,这种情况下,你可以使用npm search从终端直接执行搜索,如: npm search gulp debug 或者 npm s gulp debug 这将打印出包含说明、作者等其他信息的安装包列表。...在npm脚本中使用npm变量 你可以看到可用变量的完整列表,如果你想使用这些变量中的任何值,就可以在package.json中使用了,如: "scripts": { "build": "gulp build

    1.2K20

    使用UptimeRobot监控你的网站或业务的运行状态

    Uptime Robot 是国外知名的服务器及网站应用服务器在线率监控工具,支持监控 HTTPs、Ping、端口、关键词以及查看监控 服务器 / 网站 的正常运行时间、停机时间和响应时间。...Uptime Robot 每 5 分钟检查一次(可以自定义),最大可以监控 50 个服务器和网站应用,并且在服务器及网站宕机的时候,支持短信,邮件,Twitter,Telegram 等通知方式。...如果你的网站或者服务器宕机时,Uptime Robot 会通过邮件提醒你。...注册账户 点击右上角Register for FREE,注册平台账户 添加监控对象 1、点击左上角的Add New Monitor 2、根据需求,添加监控 监控网站选择 HTTP(S),监控服务器选择...风格等配置 获取状态页面的网址 点击监控页面右侧的“”

    2.2K20

    java 异或加密_Java异或技操作给任意的文件加密原理及使用详解

    ),然后进行异或,将得到的数据输出 int content = 0 ; //该变量用于存储读取到的数据,当然这里可以使用long等更长的数据类型,当然我们也可以使用其他的数据类型,只需要满足^两端的数据类型能够相互转换就行...使用随机数改进算法 在上面的过程中,我们实际上采用的是给定的一个值去和我们读入的二进制文件进行异或,那么我们是否能用一个随机数去代替这种约定呢?...,这个数字应该是由某种加密算法生成的,在这里我仅仅简单的编一个数字928(我的生日),然后进行异或,将得到的数据输出 int content = 0 ; //该变量用于存储读取到的数据,当然这里可以使用...),然后进行异或,将得到的数据输出 int content = 0 ; //该变量用于存储读取到的数据,当然这里可以使用long等更长的数据类型,当然我们也可以使用其他的数据类型,只需要满足^两端的数据类型能够相互转换就行...总结 以上就是本文关于Java异或技操作给任意的文件加密原理及使用详解的全部内容,希望对大家有所帮助。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    99030

    使用mpartition命令建立或删除MS-DOS的分区

    在讲述该命令之前,首先需要明白目录和分区的概念和区别: Linux的分区是物理上的概念,从物理上将存储空间分开;Linux的目录是逻辑上的概念,Linux的目录树实际上是一个分区之间的数据逻辑结构关系,...不是物理结构;一个分区必须挂载在一个目录下才能使用,分区可以挂载到任何目录; 总结:分区是真正存放数据的地方,只有一份数据。...目录是分区数据的逻辑映射,就像Windows系统中的快捷方式一样,分区的数据可以挂载到任意多个不同目录,这些目录就像不同名的快捷方式,都指向同样的分区数据; 而mpartition为mtools工具命令...,可建立或删除磁盘分区。...mpartition命令用于建立或删除MS-DOS的分区。使用该命令正可以很好的进行磁盘分区。

    65110
    领券