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;

你可能感兴趣的:(Express4+Angularjs+Bootstrap3环境搭建)