gulp

Sass

Sass 是一个CSS 的扩展,在语法CSS语法的基础上,增加变量,嵌套规则, 混合,导入,函数等功能 对CSS进行预处理的“中间语言” 文件格式 .sass ,.scss scss是对css的一种拓展,跟css很像,是开发中最常用的模式。 Sass从第三代开始,放弃了缩进风格,并且完全向下兼容普通的CSS代码。被称为scss 编译Sass Node环境 sass app.

用 Electron 打造跨平台前端 App

前言现如今,用 HTML、JavaScript、CSS、Node.js 写桌面应用早已不是什么新鲜的事了,作为一名前端,能够使用自己熟悉的语言,快速实现自己想要的桌面应用,是件很让人兴奋的事。目前常见的有 NW、heX、Electron。今天,就来简单的上手一下 Electron。Electron 是什么?Electron 是一款可以利用 Web技术 开发跨平台桌面应用的框

关于 Cannot find module '' 错误的记录

最近团队里有个小伙伴的gulp一直跑不起来,命名所有包都装好的,但是运行的时候还是报“包找不到”的错误。之前折腾了好久,没解决。 这比较影响工作效率,今天查了下,发现这个方法也许可以解决这个问题。 使用npm install -g 'xxx' 之后仍然报。 Cannot find module 'xxx' 错误,可以通过设置环境变量来解决: export NODE_PATH

npm(一):npm常用命令

package.json用于存放模块的名称、版本、作者、机构、模块入口、依赖等信息。例子:新建一个目录gulp_demo,在这个目录下通过命令:npm init 。会新建一个全新的package.json文件。可以通过 npm help json 命令,打开帮助文档,对每一个属性有想起的介绍,然后根绝实际的需要自行初始化package.json的项目。配置项介绍:

WEB前端 - “懒人”养成计划

何为懒?       懒在人一开始的印象中,总是给人一种不好的感觉,勤奋一直是传统美德,懒是坏东西。然而事实真是这样吗?最近看过一篇关于懒人科技的文章,觉得很有道理,文章有如下部分:       人类历史上曾诞生了琳琅满目的懒人科技,不断迁就着人性的弱点,有汽车、火车、飞机这种大型地、颠覆式发明,也有一些非常酷炫的小型创意,甚至还诞生了不错的服务,事实上,整个第三产业的市场

Gulp

简介工程化工具作用:实现代码部署css,JS,html代码压缩ES6,less,styls代码编译图片优化...原理:基于unix中管道概念,stream流,前一个操作的输出作为后一个操作输入。Gulp入口文件gulpfile.js 每个项目中都需要有这个文件,当执行gulp会自动执行该文件。task()定义一个任务gulp.task(name, [deps], fn);参

JavaScript代码检查及与gulp、git的结合使用

在团队开发过程中,我们可能会要浪费一些时间在代码检查上,譬如拼写的检查、代码规范的检查。作为码农,我们当然不能把自己的时间浪费这种无意义的事情上,所以本篇我将介绍一些自动化代码检查的东西和项目实际上的应用。JSHint安装及使用JSHint是一个用于JavaScript代码静态检查的一些开源项目。他是运行与node环境,可以对我们指定的JavaScript文件进行一些静态的

深入阅读gulp源码小结

阅读gulp源码小结gulp源码简介gulp源码核心部分寥寥60+行。但是通过这60+行代码,gulp给我们带来的确是前端自动化构建的便利。以往以为其源码肯定蛮复杂,却没想到却是这么60+行,这60+行的背后,是来自于模块化的支撑。gulp的四个接口分别来源于orchestrator,vinyl-fs两个模块。所以gulp的所有特性都来自于这两个模块。Orchestrato

Brunch:入门上手

在 Phoenix 项目中遇到关于 Branch 这个 HTML5 构建工具的问题, 在这里为了剥离问题的复杂度, 独立创建一个 Branch 前端项目来探索如何使用 Brunch 这个全新的前端构建工具.Brunch 是一个HTML5的构建工具, 对于前端开发, 它能够帮助你设置和维护高效的工作流.Brunch 能够:编译脚本, 模板和样式单Lint工具把Javascri

Electron 开发的 gulp 配置

源自 Atom-shell 的 Electron 目前是一个很火的项目。已经有很多开发者基于 Electron 开发出了各种各样的桌面程序。在我看来,对于广大前端开发者来说,最为耳熟能详的应该是 Atom 和 VS Code。在 Electron 的官网上能够看到更多有意思的项目。之前提到过,我的计划之一就是玩一下 Electron,打造一个桌面工具。上个星期经过几次摸索和