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

Posted 2020-09-14 古道瘦西风

手动创建一个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.运行项目