前提条件:已安装node,熟悉Javascript
express是基于Nodejs平台的快速、开放、极简的Web开发框架。
express基于路由和中间件
初始化
创建目录并package.json
$ mkdir myexpress
$ cd myexpress
$ npm init
$ npm install express --save
以上命令会创建package.json来存储项目信息,并在node_modules目录安装express
使用Express
创建server.js,代码如下
# 创建一个express服务器
const express = require('express')
const app = express()
# 定义请求url及响应函数
app.get('/', (req, res) => res.send('Hello World!'))
# 在指定端口监听
app.listen(3000, () => console.log('Example app listening on port 3000!'))
命令行运行$ node server.js
, 一个简单的web服务就启动了
访问http://localhost:3000则返回Hello World
Express生成工具
通过·express-generator·可快速生成一个web应用框架
$ npm install express-generator -g
$ express -h
Usage: express [options] [dir]
Options:
-h, --help 输出使用方法
--version 输出版本号
-e, --ejs 添加对 ejs 模板引擎的支持
--hbs 添加对 handlebars 模板引擎的支持
--pug 添加对 pug 模板引擎的支持
-H, --hogan 添加对 hogan.js 模板引擎的支持
--no-view 创建不带视图引擎的项目
-v, --view <engine> 添加对视图引擎(view) <engine> 的支持 (ejs|hbs|hjs|jade|pug|twig|vash) (默认是 jade 模板引擎)
-c, --css <engine> 添加样式表引擎 <engine> 的支持 (less|stylus|compass|sass) (默认是普通的 css 文件)
--git 添加 .gitignore
-f, --force 强制在非空目录下创建
创建一个myapp的应用并启动
$ express myapp
create : myapp
create : myapp/package.json
create : myapp/app.js
create : myapp/public
create : myapp/public/javascripts
create : myapp/public/images
create : myapp/routes
create : myapp/routes/index.js
create : myapp/routes/users.js
create : myapp/public/stylesheets
create : myapp/public/stylesheets/style.css
create : myapp/views
create : myapp/views/index.jade
create : myapp/views/layout.jade
create : myapp/views/error.jade
create : myapp/bin
create : myapp/bin/www
安装依赖后启动
$ cd myapp
$ npm install
$ npm start
然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。
生成的目录结果如下
.
├── app.js // 创建express示例
├── bin
│ └── www // 入口文件,使用express示例并进行一些初始化
├── package.json
├── public // 静态资源文件
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes // 路由文件
│ ├── index.js
│ └── users.js
└── views // 视图文件
├── error.jade
├── index.jade
└── layout.jade
7 directories, 9 files
热更新
nodemon
可以帮助nodejs程序在文件发生修改后自动重启服务
- 安装
npm install nodemon -g
- 修改npm启动项
"script": {
"start": "nodemon ./bin/www"
}
- 启动
npm run start
- 手动重启
直接输入rs
就可以使nodemon重启
参考文章
网友评论