码迷,mamicode.com
首页 > Web开发 > 详细

开启第一个Node.js的Express项目

时间:2017-04-26 13:04:14      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:1.4   creates   require   mon   style   实例   参数   依赖   jad   

手动创建一个Express.js的应用可大致分为以下步骤:

1.创建文件夹

  a. 创建一个项目根文件夹,如helloWord

  b.在项目的根目录下创建项目的目录结构,依次创建{public,public/css,public/img,public/js,db,views,views/includes,routes}

  可使用命令:

mkdir  {public,public/css,public/img,public/js,db,views,views/includes,routes}

2.NPM初始化和配置package.json

  a.进入控制台,进入项目的根目录

  b.输入命令:npm init ,然后输入相关的一些参数,name,version,等可参考下面的package.json 文件

  c.使用命令:npm install express@4.1.2 --save

 3.依赖声明

由于express.js是约定优于配置,也可直接在package.json中输入如下内容,然后运行npm install即可

{
  "name": "helloworld",
  "version": "0.0.1",
  "description": "\"\"",
  "main": "app.js",
  "scripts": {
    "start": "node app.js"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "express": "4.1.2",
	"jade":"1.3.1",
	"mongoskin":"1.4.1",
	"stylus":"0.44.0"
  }
}

4.app.js项目启动文件配置

在根目录下创建项目起始文件app.js,打开app.js并编辑

对于app.js的配置文件主要涉及以下几个步骤:

   1)引入依赖,

//依赖引入
var express = require(‘express‘);
var http = require(‘http‘);
var path = require(‘path‘);

   2)设置相关配置

//实例化Express.js
var app = express();
//配置port、views、views engine
app.set(‘port‘,process.env.PORT || 3000);
app.set(‘views‘,path.join(__dirname,‘views‘));//这里的__dirname的下划线是两个英文下划线
app.set(‘view engine‘,‘jade‘);

   3)连接数据库(可选)

   4)定义中间件

   5)定义路由

//定义路由
app.all(‘/‘,function(req,res){
	res.render(‘index‘,{msg:‘Welcome to the practical Node.js!‘});
	});
app.get(‘/about‘,function(req,res){
	res.end(‘about us‘);
});

    6)创建服务

//创建服务
http.createServer(app).listen(
	app.get(‘port‘),function (){
		console.log(‘Express.js server listening on port ‘+app.get(‘port‘));
	}
);

开启服务之前,需要先在views文件夹中创建一个index.jade,代码如下:

h1 hello
p= msg

   7)开启服务

    在命令行输入:node app.js并在浏览器中输入http://localhost:3000/会得到:

技术分享

在浏览器中输入http://localhost:3000/about会得到:

技术分享

 

5.结合jade

6.运行项目

开启第一个Node.js的Express项目

标签:1.4   creates   require   mon   style   实例   参数   依赖   jad   

原文地址:http://www.cnblogs.com/kingkangstudy/p/6767687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!