• 前端构建工具gulp


    gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;

    gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。

    安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务

    一.安装nodejs

    二.安装gulp

    1.先在全局安装:npm install -g gulp

    2.全局安装gulp后,把目录切换到你的项目文件夹中,然后在命令行中执行:npm install gulp

    3.安装gulp插件

    4.建立gulpfile.js文件

    测试一下,是否成功:在命令行:node -v; npm -v ; gulp -v;

    如果安装成功,会出现它们所对应的版本号,或出现‘node/gulp不是内部或外部命令’,去‘控制面板系统和安全系统高级环境变量系统变量’里的PATH里的路径添加node或者gulp的安装路径,(不要删除之前的path,找到node或者gulp修改;或者在后面用‘;’分开,继续添加路径);

    这样找到安装路径:npm config get prefix:node的安装路径

             gulp我是直接搜索gulp,打开程序里gulp的所在文件夹,就有路径了

    然后退出命令行,再次打开命令行就可以了;

    具体的API:http://www.gulpjs.com.cn/

  • 相关阅读:
    Ghost Button制作教程及设计趋势分析
    onhashchange事件--司徒正美
    window.location.hash属性介绍
    优质UI的7条准则(一)
    当在浏览器地址栏输入一个网址的时候,究竟发生了什么?
    全球最快的JS模板引擎
    眨眼登录表单
    DIV+CSS规范命名
    es6--export,import
    es6--class
  • 原文地址:https://www.cnblogs.com/mina-huojian66/p/6606352.html
Copyright © 2020-2023  润新知