Express-初识篇|8月更文挑战

1,520 阅读2分钟

前言

众所周知,最开始后端开发的主流语言是 Java、PHP、到近些年的go等,而Node.js出现,使得javascript脱离浏览器运行,进而实现前后端的语言的统一。

Node.js 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境,只要有javascript基础就可以学会使用node实现后端的功能开发。

express 是一个基于Node.js 平台,精简灵活的web应用程序开发框架。

安装express

安装express前,首先要安装Node.js的环境

Node.js安装说明地址

安装完Node.js环境后 使用Node.js的配套工具 npm 命令安装即可

使用命令行工具

创建项目目录 并进入

$ mkdir myExpress
$ cd myExpress

使用npm 初始化项目

$ npm init

一路回车,看到entry point: 输入 app.js 或者你希望的入口文件名称

$ entry point: (index.js) app.js

下载安装express

$ npm install express --save

编程界的万能slogan- Hello World!

新建 app.js文件 输入以下内容

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

然后目录下执行 后会启动一个本地端口为3000的服务 ,浏览器端访问 http://localhost:3000 就可以看到 Hello Word! 了

$ node app.js

Example app listening at http://localhost:3000

应用生成器工具express-generator

上述方式 又要创建文件,又要初始化,还要编写app.js,简直不要太麻烦,那有没有方法可以一键创建一个带express配置好的拥有完整项目架构的方法呢,那就是 应用生成器工具 express-generator

全局安装

npm install -g express-generator

安装成功后 使用 命令 "express 项目名称" 就可以了 例如

express app
cd app
npm i
npm run start

浏览器端访问 http://localhost:3000 就可以看到 Welcome to Express 了

express 目录分析

├── app.js // 应用主文件
├── bin // 服务器脚本默认目录
│   └── www // 服务器默认脚本
├── node_modules // 依赖包
│   └──...
├── package.json // 项目配置文件
├── package-lock.json // 锁定的项目配置文件
├── public //静态资源目录
│   ├── images // 图片资源
│   ├── javascripts // 存放js
│   └── stylesheets // 存放样式文件
├── routes // 路由目录
│   ├── index.js // 首页路由
│   └── users.js // 用户路由
└── views // 页面目录
    ├── error.jade // 错误页面
    ├── index.jade // 首页
    └── layout.jade // 公共页面

以上就是初识篇的全部内容了,非常感谢帅哥美女们能看到这里,如果这个文章写得还不错或者对你有一点点帮助,求点赞求关注求分享,当然有任何问题可以在评论讨论,我会积极回答的,再次感谢