-
NPM
Paste_Image.pngExpress 是目前在 NodeJs 中使用非常广泛的框架
Gulp 流式的前端项目构建工具
bower 前端依赖管理工具
cordova 是用 JS编写移动端应用的工具
yo=yeoman 项目脚手架生成工具
在实际的项目过程中可以上 NPM 网站上查询
也可以在终端通过
$ npm search XXXX
的方式进行查询
Bower
Paste_Image.pngBower安装
可以在官网文档中看到 Bower 的安全方式
Paste_Image.pngBower 的安装一般是进行全局,如果已经安装了 NodeJs 只需要在终端中
$ npm install -g bower
在安装时就可能会提示权限不足的错误则可以
$ sudo npm install -g bower
参数-g
表示全局安装
Gulp
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
- 在安装 express-generator 之前先安装yeoman
$ npm install -g yeoman
再安装 express
$ npm install -g express-generator
$ npm install -g express
- 安装好 express 之后,就可以用 yo 生成项目了
由于我们已经在 hello-node.js 这个目录下了,所以选择 N
如果没有生成项目目录,可以选择 Y
- 在下步选对 MVC
- 然后选择 Jade
- CSS 选择 None
- 数据库选择 mongodb
- 工具选择 gulp
- 回车之后,就可以生成项目脚手架了
- 最后
$ npm install && bower install