zoukankan      html  css  js  c++  java
  • gulp学习笔记(一)

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

    gulp

    Gulp 安装

    安装 gulp 之前,先安装 Node.js,然后全局安装gulp:

    npm install -g gulp
    

    安装完之后,可以检测gulp的版本:

    ver

    全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中,然后在命令行中执行:

    npm install gulp
    

    如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上–save-dev:

    npm install  gulp --save-dev
    

    --save:将保存配置信息至 package.json(package.json是nodejs项目配置文件。package.json是一个普通json文件,不能添加任何注释。参看 http://www.zhihu.com/question/23004511 );
    -dev/-dep:保存至package.json的devDependencies节点,不指定-dev/dep将保存至dependencies节点。

    安装Gulp之后,可以运行npm init初始化package.json文件:

    image

    需要注意的是,name是不能包含大写字母的:
    image

    初始化之后,需要在项目的根目录下建立gulpfile.js文件,文件名不能更改:

  • 相关阅读:
    Array 对象-sort()
    vue安装
    前端面试题
    JavaScript对象原型
    CSS如何水平垂直居中?
    块格式化上下文(Block Formatting Context,BFC)
    盒子模型
    前端基础
    Markdown语法
    浏览器 滚动条 占据 y轴宽度的解决方案
  • 原文地址:https://www.cnblogs.com/vivijiang/p/6135059.html
Copyright © 2011-2022 走看看