美文网首页
gulp基础学习之一

gulp基础学习之一

作者: 吾誰归 | 来源:发表于2017-03-29 05:24 被阅读0次

gulp是目前前端最流行构建工具之一。和grunt相比,gulp更加简洁,执行效率跟高。

gulp的必要环境:node.js,本地web服务器


安装


win 打开cmd:输入命令npm  install  gulp  -g    

mac   :sudo  npm  install gulp  -g

-g表示全局安装,这样在电脑上的任何位置都能使用gulp


创建gulp项目

先创建一个文件夹我直接就是用的日期命名2017329;

在该文件夹下执行 :npm  init;

然后就填写信息回车确认;

最后输入Y确认建立;

npm  init 命令会创建一个package.json文件 这个就项目的配置文件,比如说各种依赖

之后在执行命令:npm install  gulp  --save-dev

这个命令是局部安装gulp ,而--save-dev是在package.json中添加gulp依赖

具体package.json字段解析有兴趣的同学可以参考:http://blog.csdn.net/woxueliuyun/article/details/39294375

这个命令执行完以后,gulp会在2017329文件创建node_modules文件夹,这个里面有很多子文件,不用管它



相关文章

  • gulp基础学习之一

    gulp是目前前端最流行构建工具之一。和grunt相比,gulp更加简洁,执行效率跟高。 gulp的必要环境:no...

  • 关于前端自动化工具GULP

    Gulp的准备工作 1、准备工作 2、Gulp基础 3、Gulp插件 安装gulp 在node.js环境下输入指令...

  • gulp-自动化工具

    创建gulp 基于npm的基础使用gulp,需先更新npm npm install -g npm 全局安装gulp...

  • gulp学习(二)-api

    学习gulp的用法,首先得学习下gulp的几个常用的api task 源码: Gulp继承Orchestrator...

  • Gulp学习

    参照Gulp for Beginners来学习Gulp基本内容。以下为学习记录笔记。 安装Gulp 首先需要安装N...

  • gulp基础学习之二

    接着上回,下面就需要准备一个目录结构 这是通用的Webapp目录结构,名字无所谓,关键是要你自己记住。 小试身手 ...

  • gulp基础学习之三

    监控sass文件 之二里面,想让计算机编译就需要运行下 gulp sass 这个命令,这也太麻烦了吧! 还好gul...

  • Gulp基础

    基础使用 yarn add gulp --dev gulpfile.js 入口文件 gulp 的任务函数都是异步的...

  • 前端自动化工具--gulp常用插件(一)

    学习网站:http://www.vuexx.com/ gulp常用方法 #引入gulp模块 var gulp = ...

  • gulp总结

    1.什么是gulp 简单来说就是一个包管理工具。 2.gulp基础内容讲解 2.1 gulp.src(globs[...

网友评论

      本文标题:gulp基础学习之一

      本文链接:https://www.haomeiwen.com/subject/fzzsottx.html