簡介 常用地址 安裝node,查看版本命令: 因為npm伺服器在國外,如果沒有翻牆且npm特別慢的話,可以考慮安裝淘寶鏡像文件,安裝cnpm命令 npm 安裝參數說明: npm 安裝、卸載、更新、幫助、列出已安裝插件命令: npm自動生成配置文件 安裝好Npm後,全局安裝gulp 然後在你項目里,新 ...
簡介
gulp是基於Nodejs的自動任務運行器, 她能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成,並監聽文件在改動後重覆指定的這些步驟。
在實現上,她借鑒了Unix操作系統的管道(pipe)思想,前一級的輸出,直接變成後一級的輸入。主要呢,就是用來幫助我們更快構建。
常用地址
gulp官方網址:http://gulpjs.com gulp插件地址:http://gulpjs.com/plugins gulp官方API:https://github.com/gulpjs/gulp/blob/master/docs/API.md gulp中文API:http://www.ydcss.com/archives/424
安裝node,查看版本命令:
node -v 查看安裝的nodejs版本,出現版本號,說明剛剛已正確安裝nodejs。PS:未能出現版本號,請嘗試註銷電腦重試; npm -v 查看npm的版本號,npm是在安裝nodejs時一同安裝的nodejs包管理器,那它有什麼用呢?稍後解釋; cd 定位到目錄,用法:cd + 路徑 ; dir 列出文件列表; cls 清空命令提示符視窗內容。
因為npm伺服器在國外,如果沒有FQ且npm特別慢的話,可以考慮安裝淘寶鏡像文件,安裝cnpm命令
npm install cnpm -g --registry=https://registry.npm.taobao.org
//用法和npm一毛一樣,只是把npm換成cnpm
npm 安裝參數說明:
-g:全局安裝 --save:將保存配置信息至package.json(package.json是nodejs項目配置文件); -dev:保存至package.json的devDependencies節點,不指定-dev將保存至dependencies節點;一般保存在dependencies的像這些express/ejs/body-parser等等。
npm 安裝、卸載、更新、幫助、列出已安裝插件命令:
使用npm卸載插件:npm uninstall <name> [-g] [--save-dev] PS:不要直接刪除本地插件包
刪除全部插件:npm uninstall gulp-less gulp-uglify gulp-concat ……???太麻煩 藉助rimraf:npm install rimraf -g 用法:rimraf node_modules
使用npm更新插件:npm update <name> [-g] [--save-dev] 更新全部插件:npm update [--save-dev] 查看npm幫助:npm help 當前目錄已安裝插件:npm list
npm自動生成配置文件
npm init //運行後會讓你填些項目名 版本號等信息,也可以開始不填寫,一路回車。
//完成後會在你的項目里生成一個package.json的配置文件。
//之後你用npm install <name> --save 就會自動保存到這個文件。
安裝好Npm後,全局安裝gulp
npm install gulp -g
然後在你項目里,新建gulpfile.js文件,開始寫自動化pipe就可以了,可以參考下 http://www.cnblogs.com/cynthia-wuqian/p/6931764.html ,寫完需要自動化的任務後,命名行直接敲
gulp <pipeName>