gulp总结

安装

  • 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-devcss

    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
    node

相关文章
相关标签/搜索