美文网首页
Nodejs(Express) - 01 入门

Nodejs(Express) - 01 入门

作者: Lisa_Guo | 来源:发表于2019-11-21 16:12 被阅读0次

前提条件:已安装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程序在文件发生修改后自动重启服务

  1. 安装
npm install nodemon -g
  1. 修改npm启动项
"script": {
 "start": "nodemon ./bin/www"
}
  1. 启动
npm run start
  1. 手动重启
    直接输入rs就可以使nodemon重启

参考文章

  1. https://www.jianshu.com/p/85fa50f6c253

相关文章

网友评论

      本文标题:Nodejs(Express) - 01 入门

      本文链接:https://www.haomeiwen.com/subject/feltwctx.html