gulp总结

来源:互联网 发布:二次视频解析接口源码 编辑:程序博客网 时间:2024/05/20 20:58

安装

  • 1.安装node
    检测是否安装成功的方法,在命令行输入:
    node -v
    npm -v
    显示版本号则安装成功
  • 2.装cnmp一定要网络好一点
    npm install cnpm -g –registry=https://registry.npm.taobao.org
    检测是否安装成功
    cnpm -v
    显示版本号则安装成功
  • 3.全局安装gulp
    在cmd中执行 cnpm install gulp -g
    gulp -v 显示版本号则安装成功
  • 4.新建package.json文件
    在自己的工程文件夹中新建package.json文件
    cd 工程文件路径\ 在命令行中运行 cnpm init 初始化命令
    在路径 下会形成这样的一个.json文件(部分内容为后添加的)
    {
    “name”: “gulptest”,//项目名称(必须)
    “version”: “0.0.1”,//项目版本(必须)
    “description”: “这是一个gulp的测试程序”,//项目描述(必须)
    “homepage”: “”, //项目主页
    “main”: “index.js”,//入口文件
    “scripts”: {
    “test”: “echo \”Error: no test specified\” && exit 1”
    },
    “keywords”: [//关键词
    “gulp”
    ],
    “author”: “wuxunxun007”,//作者
    “license”: “ISC”//项目许可协议
    “devDependencies”: { //项目依赖的插件
    “gulp”: “^3.8.11”,
    “gulp-less”: “^3.0.0”
    }
    }
  • 5.本地安装gulp插件
    cnpm install gulp –save-dev
    cnpm install gulp-less –save-dev
    cnpm install gulp-uglify –save-dev
    cnpm install gulp-rename –save-dev
    cnpm install gulp-cssmin –save-dev
    cnpm install gulp-imagemin –save-dev
    cnpm install gulp-connect –save-dev

npm 命令

npm(node package manager)nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);
使用npm安装插件:命令提示符执行npm install [-g] [–save-dev];
:node插件名称。例:npm install gulp-less –save-dev
-g:全局安装。将会安装在C:\Users\Administrator\AppData\Roaming\npm,并且写入系统环境变量; 非全局安装:将会安装在当前定位目录; 全局安装可以通过命令行在任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过require()调用;
–save:将保存配置信息至package.json(package.json是nodejs项目配置文件);
-dev:保存至package.json的devDependencies节点,不指定-dev将保存至dependencies节点;
为什么要保存至package.json?因为node插件包相对来说非常庞大,所以不加入版本管理,将配置信息写入package.json并将其加入版本管理,其他开发者对应下载即可(命令提示符执行npm install,则会根据package.json下载所有需要的包)。
使用npm卸载插件:npm uninstall [-g] [–save-dev] PS:不要直接删除本地插件包
使用npm更新插件:npm update [-g] [–save-dev]
更新全部插件:npm update [–save-dev]
查看npm帮助:npm help
当前目录已安装插件:npm list