【备战春招】第12天 新版 Node.js+Express+Koa2 开发Web Server博客 10-2

2023/2/20 3:20:37

本文主要是介绍【备战春招】第12天 新版 Node.js+Express+Koa2 开发Web Server博客 10-2,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称: 新版 Node.js+Express+Koa2 开发Web Server博客

课程章节: 10-2 express 安装

课程讲师: 双越

课程内容:

介绍express

  • 安装(使用脚手架 express-generator)
  • 初始化代码介绍,处理路由
  • 使用中间件

安装 express

  • 全局安装 npm install express-generator -g 工具
  • 通过工具 express [项目名] 生成项目
  • npm install & npm start 下载依赖,运行项目,npm start 可以不加上 run,这是npm 规定的

代码演示

安装 express 脚手架

npm i express-generator -g

在指定目录使用脚手架生成express 代码

express blog-express

下载依赖并运行

npm i && npm start

下载 nodemon (自动重新启动 node 程序)和 cross-env(使用环境变量)到开发依赖中

npm i nodemon cross-env --save-dev

给 packge.json 文件添加一条命令

{
  "scripts": {
    "start": "node ./bin/www",
    "dev": "cross-env NODE_ENV=dev nodemon ./bing/www"
  }
}

目录介绍

| bin  		       -- 可执行文件
|  - www
| node_modules     -- 安装的依赖
| public           -- 静态资源
|  - images
|  - javascripts
|  - stylesheets
| rotures          -- 路由
| views            -- html模板
|
| app.js		   -- 入口文件
| package.json     -- npm 项目描述文件

express 脚手架生产的是一个全栈的开发环境,不是前后端分离的,所以多出了 public 和 views 文件。当然我们是坐前后端分离项目,忽略 public 和 views 文件 就可以了。

课程收获:

  1. 了解如何生成 express 项目
  2. 对 express 文件结构有了比较清晰的认知

图片描述



这篇关于【备战春招】第12天 新版 Node.js+Express+Koa2 开发Web Server博客 10-2的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程