您的位置:首页 > Web前端 > Node.js

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

2017-04-26 11:26 309 查看
手动创建一个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.运行项目
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: