前言
众所周知,最开始后端开发的主流语言是 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的配套工具 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 // 公共页面
以上就是初识篇的全部内容了,非常感谢帅哥美女们能看到这里,如果这个文章写得还不错或者对你有一点点帮助,求点赞,求关注,求分享,当然有任何问题可以在评论讨论,我会积极回答的,再次感谢