• NPM

官网：https://www.npmjs.com/
在官网可以看到，有各种各样的开源工具，
其中

Express 是目前在 NodeJs 中使用非常广泛的框架
Gulp 流式的前端项目构建工具
bower 前端依赖管理工具
cordova 是用 JS编写移动端应用的工具
yo=yeoman 项目脚手架生成工具

Paste_Image.png

在实际的项目过程中可以上 NPM 网站上查询
也可以在终端通过

$ npm search XXXX

的方式进行查询

Bower

官网：https://bower.io/
Bower 是做什么：

Paste_Image.png

Bower安装

可以在官网文档中看到 Bower 的安全方式

Paste_Image.png

Bower 的安装一般是进行全局，如果已经安装了 NodeJs 只需要在终端中

$ npm install -g bower

在安装时就可能会提示权限不足的错误则可以

$ sudo npm install -g bower

参数-g表示全局安装

Gulp

官网：https://gulpjs.com

Paste_Image.png

在官网点击 Try it now 就进入了 Gulp 的github

Paste_Image.png

根据文档可以根据进行安装

$  npm install -g gulp-cli

图片中的--global就是-g
在全局安装完成之后
我们还需要在项目安装 gulp

$ npm install gulp --dev-save

然后在项目的根目示下面创建一个 gulpfile.js 文件做为配置文件

var gulp = require('gulp');
gulp.task('default', function() { 
  // place code for your default task here
});

配置好之后，在终端执行

$ gulp

YEOMAN

官网：http://yeoman.io

• 在安装 express-generator 之前先安装yeoman

$ npm install -g yeoman

再安装 express

$ npm install -g express-generator
$ npm install -g express

• 安装好 express 之后，就可以用 yo 生成项目了

Paste_Image.png

由于我们已经在 hello-node.js 这个目录下了，所以选择 N
如果没有生成项目目录，可以选择 Y

• 在下步选对 MVC

Paste_Image.png

• 然后选择 Jade

Paste_Image.png

• CSS 选择 None

Paste_Image.png

• 数据库选择 mongodb

Paste_Image.png

• 工具选择 gulp

Paste_Image.png

• 回车之后，就可以生成项目脚手架了

Paste_Image.png

• 最后

$ npm install && bower install