Express4+Angularjs+Bootstrap3环境搭建

1. Nodejs安装:http://blog.csdn.net/xuliuzhu/article/details/51866455, 新版本的Nodejs已集成了NPM。
2. 安装Git, 配置环境变量: http://blog.csdn.net/xuliuzhu/article/details/51872554
3. 全局安装express
   npm install -g express
   npm install -g express-generator@4
   express -V

4. 创建项目 D:\apps\nodejs-demo
   express -e nodejs-demo
   cd nodejs-demo && npm install

5. 删除views, routes, public, 新建src, src/index.html
   npm install -g bower
   新建.bowerrc
   {
   “directory”: “src/lib”
   }
   新建bower.json
   {
   “name”: “angular-basic”,
   “version”: “0.0.1”,
   “dependencies”: {
   “angular”: “1.2.29”,
   “angular-route”: “~1.2.29”,
   “bootstrap”: “^3.3.6”,
   “angular-bootstrap”: “0.10.0”
   },
   “devDependencies”: {}
   }

   bower install
   bower list

修改app.js
var express = require(‘express’);
var path = require(‘path’);
var favicon = require(‘serve-favicon’);
var logger = require(‘morgan’);
var cookieParser = require(‘cookie-parser’);
var bodyParser = require(‘body-parser’);
var ejs = require(‘ejs’);
var app = express();

// view engine setup
app.engine(‘.html’, ejs.__express);
app.set(‘view engine’, ‘html’);

app.use(logger(‘dev’));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, ‘src’)));

// angular启动页
app.get(‘/’, function (req, res) {
res.sendfile(‘src/index.html’);
});

module.exports = app;