-
NPM
官網(wǎng):https://www.npmjs.com/
在官網(wǎng)可以看到伟桅,有各種各樣的開源工具寄锐,
其中
Express 是目前在 NodeJs 中使用非常廣泛的框架
Gulp 流式的前端項(xiàng)目構(gòu)建工具
bower 前端依賴管理工具
cordova 是用 JS編寫移動(dòng)端應(yīng)用的工具
yo=yeoman 項(xiàng)目腳手架生成工具
在實(shí)際的項(xiàng)目過程中可以上 NPM 網(wǎng)站上查詢
也可以在終端通過
$ npm search XXXX
的方式進(jìn)行查詢
Bower
官網(wǎng):https://bower.io/
Bower 是做什么:
Bower安裝
可以在官網(wǎng)文檔中看到 Bower 的安全方式
Bower 的安裝一般是進(jìn)行全局仅孩,如果已經(jīng)安裝了 NodeJs 只需要在終端中
$ npm install -g bower
在安裝時(shí)就可能會(huì)提示權(quán)限不足的錯(cuò)誤則可以
$ sudo npm install -g bower
參數(shù)-g
表示全局安裝
Gulp
官網(wǎng):https://gulpjs.com
在官網(wǎng)點(diǎn)擊 Try it now 就進(jìn)入了 Gulp 的github
根據(jù)文檔可以根據(jù)進(jìn)行安裝
$ npm install -g gulp-cli
圖片中的--global
就是-g
在全局安裝完成之后
我們還需要在項(xiàng)目安裝 gulp
$ npm install gulp --dev-save
然后在項(xiàng)目的根目示下面創(chuàng)建一個(gè) gulpfile.js 文件做為配置文件
var gulp = require('gulp');
gulp.task('default', function() {
// place code for your default task here
});
配置好之后,在終端執(zhí)行
$ gulp
YEOMAN
官網(wǎng):http://yeoman.io
- 在安裝 express-generator 之前先安裝yeoman
$ npm install -g yeoman
再安裝 express
$ npm install -g express-generator
$ npm install -g express
- 安裝好 express 之后铣揉,就可以用 yo 生成項(xiàng)目了
由于我們已經(jīng)在 hello-node.js 這個(gè)目錄下了窜骄,所以選擇 N
如果沒有生成項(xiàng)目目錄,可以選擇 Y
- 在下步選對 MVC
- 然后選擇 Jade
- CSS 選擇 None
- 數(shù)據(jù)庫選擇 mongodb
- 工具選擇 gulp
- 回車之后奔浅,就可以生成項(xiàng)目腳手架了
- 最后
$ npm install && bower install