搭建开发环境
- 从 0 开始搭建 node环境,不使用任何框架
- 使用 nodemon 监测文件变化,自动重启 node
- 使用 cross-env 设置环境变量 ,兼容 mac linux 和 windows
开始搭建node开发环境
首先我们新建一个名为 blog-1 的文件夹,然后 node -v 确保一下本地是否有安装过 node ,并且 node 版本要大于等于 8.0 才可以开始继续往下进行。
1、首先 npm init -y 初始化一下项目
2、然后创建下面这个文件目录结构
blog-1 // 项目文件夹
|__ bin // 可执行文件文件夹
| |__ www.js // 项目启动入口文件
|__ app.js // 处理server业务逻辑的方法的文件
|__ package.json // 初始化项目文件
bin/www.js
// 1. 引入http模块
const http = require('http')
// 2. 端口号默认设置为8000
const PORT = 8000
// 3.引入处理server的方法
const serverHandle = require('../app')
// 4. 创建http服务
const server = http.createServer(serverHandle)
// 5.监听端口
server.listen(PORT)
app.js
const serverHandle = (req, res) => {
// 设置返回格式 JSON
res.setHeader('Content-type', 'application/json')
// 模拟返回数据
const resData = {
name: '小明',
site: '辽宁'
}
// 返回
res.end(JSON.stringify(resData))
}
module.exports = serverHandle
然后我们把 package.json 中的 main 入口文件路径设置为 bin/www.js
package.json
{
"name": "blog-1",
"version": "1.0.0",
"description": "",
"main": "bin/www.js", // 这里改为bin文件夹下的www.js
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
安装nodemon与cross-env
1、执行下面的指令 安装nodemon 与 cross-env
// 下载插件时后面加 --registry=https://registry.npmmirror.com ,这个是淘宝镜像的地址
npm install nodemon cross-env --save-dev --registry=https://registry.npmmirror.com
安装成功后可以看到 package.json 中已经有 nodemon 与 cross-env 了
2、在 package.json 中配置运行指令
在 package.json 中通过 cross-env 添加 dev 与 production 环境指令,然后通过 nodemon 来自动重启 ./bin/www.js
package.json
{
"name": "blog-1",
"version": "1.0.0",
"description": "",
"main": "bin/www.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "cross-env NODE_ENV=dev nodemon ./bin/www.js"
"prd": "cross-env NODE_ENV=production nodemon ./bin/www.js" // 这里线上环境用 pm2,而不是 nodemon
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"cross-env": "^7.0.3",
"nodemon": "^2.0.15"
}
}
3、通过指令运行项目
配置完了上面的2个插件,就可以不用 node bin/www.js 这种方式运行了,可以直接执行 npm run dev 运行项目,运行成功后长这样
4、测试 nodemon 是否好用,然后我们可以 修改一下返回的数据,看看这个插件是否能自动重启 node
刷新页面就直接可以看到内容改变了,说明 nodemon 已经好用了
5、测试 cross-env 是否好用,直接在返回的数据中通过 process.env.NODE_ENV 把当前环境当做数据返回出去就可以看到当前环境, 我们后续可以通过环境变量做判断来更改连接的数据库等等地方
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u1IUgyFH-1675007797602)(]
)