實戰環境搭建gulp
實戰環境搭建
1.1環境
運行環境nodejs
使用gulp自動化編譯scss，js等
使用bower管理依賴插件
使用requirejs作為模塊加載器
使用bootstrap css作為樣式框架
依賴jquery，jquery-ui兩個庫
1.2項目目錄
node_modules為依賴模塊文件
.bowerrc 為bower配置文件,包含模塊安裝目錄配置
bower.json為bower配置文件,包含依賴模塊等
gulpfile.js為gulp任務配置文件
package.json為程序配置文件,包含npm依賴模塊等
Lib為bower.json dependencies中的依賴文件
-----------------------------------------------------------
-----------------------------------------------------------
1.node 環境
2.安裝 git
3.在git 裏面cd 項目目錄
在 cmd 裏面執行
bower install
或者
npm install -g bower
bower init
然後輸入 name 等信息
一路通
安裝完 項目目錄會多了 bower.json
！！bower init
-----------------------------------------------------------
創建配置配件 配置bowe 下載目錄（在git執行）
type null>.bowerrc
0.
{
"directory":"lib"
}
然後 在cmd 裏面 cd到項目目錄 然後 bower init（前面如果執行了 就跳過）
-----------------------------------------------------------
4.下載js 後面的 --save-dev 要加
bower install jquery bootstrap requirejs jquery-ui --save-dev
（save 加了這個才會有 json配置項版本信息）
-----------------------------------------------------------
5全局安裝 gulp
Gulp.js是一個自動化構建工具，開發者可以使用它在項目開發過程中自動執行常見任務，
gulp.js是基於node.js構建的，利用node.js流的威力，可以快速構建項目
npm install gulp -g
或者
cnpm install gulp -g
這裏不要dev
cnpm install gulp -g
這個建議用CMD 裝
必須全局安裝！！！
gulp -v
這裏註意 安裝成功了 會有兩個版本號
執行：gulp
-----------------------------------------------------------
Scss
Sass
n個css 變成一個 dist裏面
-----------------------------------------------------------
配置 推薦用CMD
先
cnpm init
安裝
cnpm install gulp-connect --save-dev
cnpm install gulp-webserver --save-dev
cnpm install gulp-sass --save-dev
cnpm install gulp-minify-css --save-dev
cnpm install gulp-cssimport --save-dev
cnpm install gulp-concat --save-dev
cnpm install gulp-notify --save-dev
cnpm install gulp-livereload --save-dev
都裝完了
package.json 這個文件會寫入配置文件
gulp
cnpm install gulp-cssimport --save-dev
-----------------------------------------------------------
Local gulp not found in F:\demoxmxh
[16:02:54] Try running: npm install gulp
搭建一半 失敗了 先放下
搭建兩個
一個前臺的服務 後臺的服務
node_modules/gulp/bin/gulp.js
36.22
at Object.Module._extensions..node (module.js:681:18)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at module.exports (F:\severdemo\node_modules\[email protected]@node-sass\lib\binding.js:19:10)
at Object.<anonymous> (F:\severdemo\node_modules\[email protected]@node-sass\lib\index.js:14:35)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
[email protected]@node-sass\vendor\win32-x64-57\binding.node is not a valid Win32 ap
sass 的問題
1:11 58
gulp
報錯
https://www.zhihu.com/question/33552192
`sudo npm install gulp -g` 就好了（全局安裝，雖然能解決你的問題，但是一般我不這麽用）。比較好的做法是，首先創建 package.json 文件，然後如你圖中所示，`npm install gulp --save-dev`，這樣會把 gulp 安裝到當前目錄下 node_modules 目錄下。同時一個 gulp 的 executable 會被安裝到 ./node_modules/.bin 下。此時你執行 。./node_modules/.bin/gulp 即可。這種方法比全局安裝要好，因為用到的 gulp 的版本只和當前項目相關。如果覺得每次輸入 ./node_modules/gulp 復雜，那麽你在 package.json 中得 scripts 段落添加諸如 {"build": "gulp" }，然後每次在工程目錄執行 npm build 即可。npm 運行腳本時，會自動到 ./node_modules/.bin 下查找對應的可執行文件。
作者：沈嶸
鏈接：https://www.zhihu.com/question/33552192/answer/56803638
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。
----------------------------------------
npm install gulp --save-dev
作者：春雷
鏈接：https://www.zhihu.com/question/33552192/answer/65615013
來源：知乎
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請註明出處。
我也是剛剛在嘗試gulp（第1天），遇到了同樣的問題，說一下解決的辦法。我是在ubuntu14.04中，不同的環境情況可能不完全一樣。不贊成 sudo npm install gulp -g 的全局安裝，因為後期gulp會在自動引入項目相關的支持包，如果全局安裝gulp，這些支持包全都安裝在/usr/local/lib/node_modules/下，不利於管理，可能易引起沖突。應使用 $npm install --save-dev gulp 在項目中安裝，gulp安裝好的路徑是項目下的 node_modules ，執行 glup時可使用指令：$node_modules/gulp/bin/gulp.js 如果覺得這樣很麻煩，可用ln命令在項目路徑下建立快捷方式：$ln -s node_modules/gulp/bin/gulp.js gulp$./gulp即可。============= 無恥的分隔線 =============時隔1個月之後，再次對 gulp 進一步系統地學習（這也是接觸 gulp 的第二天）。這裏談一下全局安裝遇到的奇怪問題，如下：按照 @桂子 提到的文章 nodejs 中的 NODE_PATH 一文，我設置了 NODE_PATH 和 npm prefix，設置好後，奇怪的事情發生了。在項目路徑內執行 gulp ，系統仍然提示要求 npm install gulp ，也就是說仍然要求在項目內安裝，即使執行$ /usr/local/lib/node_modules/gulp/bin/gulp.js 也仍然要求本地安裝。這倒不奇怪，奇怪的是我更進一步的嘗試發現，當在 /usr/local/lib 路徑中調用 gulp 時，系統提示 “沒有找到 gulpfile 文件”，說明路徑已被認可了；而在其外一層路徑中，就仍然要求本地安裝gulp。請教，這是什麽鬼？
cnpm install --save-dev gulp
npm install --save-dev gulp
lodash._basecopy
cnpm install gulp-livereload --save-dev
npm install gulp (這樣可以 不要全局安裝 全局安裝會出問題)
真TM賤 gulp 不能全局安裝
----------------------------------------
https://stackoverflow.com/questions/27431187/cannot-find-module-lodash
實戰環境搭建gulp