zoukankan      html  css  js  c++  java
  • gulp

    安装node.js,检查是否安装可用

    npm/npm -v

    使用淘宝镜像

    npm install cnpm -g --registry=https://registry.npm.taobao.org

    检查

    cnpm -v

    全局安装gulp

    npm install gulp -g

    检查

    gulp -v

    来到本地路径,创建工程配置文件

    npm init

    本地路径下会有package.json文件,需要将安装组件或者插件的依赖写入这个文件
    写入依赖的组件或者插件可通过

    npm install

    命令找回

    本地安装gulp并将依赖写入package.json

    npm install gulp --save-dev

    在gulp管理的根路径下创建gulpfile.js文件
    需要在gulpfile.js写任务执行gulp的功能

    -------------------------------------------------------------
    node.js使用淘宝镜像

    npm install cnpm -g --registry=https://registry.npm.taobao.org

    查看是否安装好
    查看版本

    npm -v
    cnpm -v

    安装gulp
    全局安装gulp

    npm install gulp -g

    来到本地路径,创建工程配置文件

    npm init

    本地安装gulp

    npm install gulp --save-dev

    让package.json依赖于gulp

    安装package.json中依赖了的组件

    npm install

    安装服务的插件

    npm install gulp-connect --save-dev

    合并文件的插件

    npm install gulp-concat --save-dev

    压缩js文件的插件

    npm install gulp-uglify --save-dev

    给文件重命名的插件

    npm install gulp-rename --save-dev

    压缩css文件的插件

    npm install gulp-minify-css --save-dev
    npm install gulp-sass --save-dev

    启动webserver插件

    npm install gulp-webserver --save-dev

    注:

    1.所有文件位置 相对于 gulpfile.js

    / 根目录
    ./ 当前目录
    ../ 父级目录
    
    附常用规则:
      * 匹配0或多个除了 / 以外的字符
      ? 匹配单个除了 / 以外的字符
      ** 匹配多个字符包括 /
      {} 可以让多个规则用 , 逗号分隔,起到或者的作用
      ! 出现在规则的开头,表示取反。即匹配不命中后面规则的文件

    2.操作时 命令行 : 

    gulp + name


    3.查看所有安装的插件

    npm list

    .

  • 相关阅读:
    C# 实现向指定邮箱发送信息功能
    asp.net webapi 解决跨域问题
    电脑通电自动开机设置
    C# 多个控件绑定一个事件
    C# DataGridView 标题栏背景颜色改变
    C# 输出csv文件后缀乱码
    C# textbox设定为只读后如何改变文本字体颜色
    C# 命名规则
    C# 傅里叶变换 逆变换 调用MathNet包
    使用SharpDevelop配合MonoGame进行游戏开发
  • 原文地址:https://www.cnblogs.com/crazycode2/p/6262568.html
Copyright © 2011-2022 走看看