Express4+Angularjs+Bootstrap3环境搭建
来源:互联网 发布:特效字幕制作软件 编辑:程序博客网 时间:2024/06/05 06:46
- Nodejs安装:http://blog.csdn.net/xuliuzhu/article/details/51866455, 新版本的Nodejs已集成了NPM。
- 安装Git, 配置环境变量: http://blog.csdn.net/xuliuzhu/article/details/51872554
- 全局安装express
npm install -g express
npm install -g express-generator@4
express -V 创建项目 D:\apps\nodejs-demo
express -e nodejs-demo
cd nodejs-demo && npm install删除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环境搭建
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- 快速搭建Web环境 Angularjs + Express3 + Bootstrap3
- Express4环境搭建
- AngularJS项目环境搭建
- angularjs环境搭建
- angularJS搭建环境
- 【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建
- PhoneGap+Angularjs+ionic 环境搭建
- Angularjs前端项目环境搭建
- Ionic+AngularJs+Cordova环境搭建
- AngularJS(一)环境搭建
- struts2 ajax json utf-8 中文 丢失字节
- 如何给MFC添加背景图片
- 漫话中国古代史 —— 五代十国
- 1.微信开发
- Android中的权限系统
- Express4+Angularjs+Bootstrap3环境搭建
- HADOOP-RPC机制
- EasyUI小图标设置
- hdu 3613 扩展kmp求回文串
- Spring AOP 动态多数据源
- SSH框架入门(一)——Struts2基础及查错步骤
- list遍历
- [Genymotion] Unable to start the virtual device
- Java中级开发工程师知识点归纳