Node.js 使用 Express 自动生成项目并配置开发环境

一、安装express库和生成器

打开命令行工具（CMD），执行以下命令进行全局安装：yarn global add express express-generator

说明：上述命令中的两个模块分别代表核心库和脚手架工具。在 Express 3 版本中，安装核心库会自动附带安装生成器（express-generator）；但在 Express 4 及后续版本中，两者被分离，因此需要分别安装。

安装完成后，可通过执行命令：express --version 来验证安装是否成功。

若命令行返回具体的版本号，即表示安装成功（具体效果可参考相关截图）。

二、express生成器自动创建express项目

在命令行中输入命令：express nodejs（具体执行效果可参考相关截图）。

执行成功后，项目目录结构如下所示（具体结构可参考相关截图）。

三、跳转到package.json目录下安装相关的包

进入项目根目录后，输入命令： yarn 或者 cnpm i 或者 npm i 以安装项目所需的依赖包。

四、启动项目

输入命令：npm run start 启动服务。

打开浏览器，访问地址 127.0.0.1:3000 即可访问并查看我们的项目页面。

五、项目目录解释

bin：存放可执行文件 public：存放 js、css、img 等静态资源文件 router：存放路由逻辑文件 views：存放视图文件或模板文件 app.js：应用启动文件（入口文件） package.json：存储工程信息及模块依赖关系。当在 dependencies 中添加新依赖模块并运行 npm install 时，npm 会读取当前目录下的 package.json，并自动安装所有指定的模块。 node_modules：存放 package.json 中声明的已安装模块。在 package.json 添加依赖模块并安装后，相关文件将存储在此文件夹下。

参考链接：https://www.jb51.net/article/209247.htm

六、在此项目中如何开发

首先在 routes 文件夹中新建一个 test.js 文件。

var express = require('express');
var router = express.Router();

router.get('/', function (req, res, next) {
	res.send('我是接口返回值');
});

module.exports = router;

然后在 app.js 中加入以下代码以注册路由：

var testRouter = require('./routes/test');
app.use('/test', testRouter);

接着打开浏览器控制台，使用 fetch 请求我们刚才编写的接口。

fetch('http:localhost:3000/test')
.then(res=>{
  return res.text()
}).then(res=>{
  console.log(res)
})

我们发现出现了跨域问题，这是因为我们在 Node.js 服务端代码中未添加跨域处理所导致的。

将以下跨域处理代码添加到 app.js 中：

//设置跨域访问（设置在所有的请求前面即可）
app.all("*", function (req, res, next) {
	//设置允许跨域的域名，*代表允许任意域名跨域
	res.header("Access-Control-Allow-Origin", "*");
	//允许的header类型
	res.header("Access-Control-Allow-Headers", "content-type");
	//跨域允许的请求方式 
	res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
	if (req.method == 'OPTIONS')
		res.sendStatus(200); //让options尝试请求快速结束
	else
		next();
});

然后重启项目，此时即可正常访问接口。

在开发过程中，每次修改代码后都需要手动重启项目，较为繁琐。我们可以安装一个插件来解决这个问题。

七、使用nodemon自动重启服务

安装 nodemon 模块。

输入命令：npm i nodemon -S

创建 nodemon.json 配置文件。

在项目的根目录下创建名为：nodemon.json 的文件。

{
	"restartable": "rs",
	"ignore": [".git", ".svn", "node_modules/**/node_modules"],
	"verbose": true,
	"execMap": {
		"js": "node --harmony"
	},
	"watch": [],
	"env": {
		"NODE_ENV": "development"
	},
	"ext": "js json njk css js "
}

使用 nodemon 模块进行开发。

在 package.json 文件中，添加一行脚本代码以配置开发启动命令。

"dev": "nodemon ./bin/www"

相关代码已上传至我的 GitHub 仓库，附上链接：github.com/wuguanfei/n…

总结

到此这篇关于 node.js 利用 express 自动搭建项目的文章就介绍到这了，更多相关 node.js express 自动搭建项目内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！