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

相關文章
相關標籤/搜索