Express ---- 1. express和脚手架的安装和初始项目

本文详细介绍Node.js作为服务器端JavaScript运行环境的兴起及其在GitHub上的高人气。Express框架简化了Web应用创建过程,提供了丰富的HTTP工具。文章指导如何安装Express,使用脚手架创建项目,展示基本目录结构,并提供不使用脚手架的HelloWorld示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、介绍

ndoe.js,一个基于javsscript运行环境的服务器语言,它的出现使得javascript有能力去实现服务器操作。在gitHubndoe.js的star数已接近6万,可见其受欢迎程度;而基于node.jsExpress则把原先的许多操作变的简单灵活,一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。

express官方网址:www.expressjs.com.cn

二、安装

2.1、express安装

npm install express --save

2.2、脚手架express-generator的两种方式

2.2.1、使用全局安装方式

  1. 全局安装 express-generator
npm install -g express-generator
  1. 创建了一个名为 myapp 的 Express 应用,并使用ejs模板引擎
express --view=ejs app
  1. 进入app,并安装依赖
cd myapp
npm install

在Windows 下,使用以下命令启Express应用:

set DEBUG=app:* & npm start

在 MacOS 或 Linux 下,使用以下命令启Express应用:

DEBUG=app:* npm start

2.2.1、用npx生成

要求:npx对应的npm版本在 5.2 以上,npm5.2版本以上自动携带npx

  1. 创建了一个名为 myapp 的 Express 应用,并使用ejs模板引擎
npx express -e myapp 
create : public\
   create : public\javascripts\
   create : public\images\
   create : public\stylesheets\
   create : public\stylesheets\style.css
   create : routes\
   create : routes\index.js
   create : routes\users.js
   create : views\
   create : views\error.jade
   create : views\index.jade
   create : views\layout.jade
   create : app.js
   create : package.json
   create : bin\
   create : bin\www

   install dependencies:
     > npm install

   run the app:
     > SET DEBUG=16--express:* & npm start
  1. 进入app,并安装依赖
cd myapp
npm install

在Windows 下,使用以下命令启Express应用:

set DEBUG=app:* & npm start

在 MacOS 或 Linux 下,使用以下命令启Express应用:

DEBUG=app:* npm start

三、目录结构

├── app.js (整个项目的入口文件)
├── bin
│   └── www (创建服务器,并监听服务器)           
├── package.json
├── public (静态资源目录)            
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes (路由文件)         
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

四、不使用脚手架,Hello World应用

// 引入 express 模块
const express = require('express')

// express() 是express模块顶级函数
let app = express()

//访问根路径时输出hello world
app.get('/', (req, res) => {
  res.send(`<h1 style='color: blue'>hello world</h1>`)
})

//设置访问端口号
app.listen(80, () => {
  console.log('服务器启动成功,可在 127.0.0.1 查看')
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值