NodeJS开发环境搭建

最新推荐文章于 2023-11-01 09:46:34 发布

李喵喵爱豆豆

最新推荐文章于 2023-11-01 09:46:34 发布

阅读量255

点赞数 2

分类专栏： node.js学习文章标签： javascript json 前端

原文链接：https://www.kancloud.cn/wangjiachong/nodejs/2653096

版权

node.js学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

搭建开发环境

搭建开发环境

搭建开发环境

从 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 了
Alt
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 运行项目，运行成功后长这样
Alt
4、测试 nodemon 是否好用，然后我们可以 修改一下返回的数据，看看这个插件是否能自动重启 node
Alt
刷新页面就直接可以看到内容改变了，说明 nodemon 已经好用了
Alt

5、测试 cross-env 是否好用，直接在返回的数据中通过 process.env.NODE_ENV 把当前环境当做数据返回出去就可以看到当前环境，我们后续可以通过环境变量做判断来更改连接的数据库等等地方
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u1IUgyFH-1675007797602)(]
)
Alt