搭建Node.js开发环境

一时失言乱红尘 2022-11-18 05:59 192阅读 0赞

1、在项目文件夹目录下使用npm install node，空文件夹就变成了一个具备Node.js开发环境的文件夹了，安装完成后如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70][]

2、在项目新建bin文件夹，在bin中新建www.js，并写入以下代码：

const http = require('http')
    
    const PORT = 8000
    const serverHandle = require('../app')
    
    const server = http.createServer(serverHandle)
    server.listen(PORT)

3、在项目目录下新建app.js文件，并写入以下代码：

const serverHandle = (req, res) => {
      //设置返回格式 JSON
      res.setHeader('Content-type', 'application/json')
    
      const resData = {
        name: '吕小布',
        site: 'imooc',
        env: process.env.NODE_ENV
      }
    
      res.end(
        JSON.stringify(resData)
      )
    }
    
    module.exports = serverHandle

4、输入npm init -y命令，它就会自动创建一个package.json文件，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 2][]

5、安装nodemon（输入npm install --save-dev nodemon是安装到项目里（输入npm i -g nodemon 或 npm install -global nodemon是进行全局安装，使用nodemon -v检查是否全局安装成功），package.json的devDependencies会自动出现版本号）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 3][]

6、使用nodemon，输入nodemon ./bin/www.js，便可启动nodemon功能，在文件被修改时它会自动帮我们重启node服务

7、安装cross-env（输入npm install --save-dev cross-env进行安装，package.json的devDependencies会自动出现版本号）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 4][]

为什么要把www.js和app.js拆分开？目的就是将不同的事情做一个抽离，app.js主要是为业务提供一些服务的业务代码，我们做一些如设置返回格式的配置、获取cookie、获取postData、解析postData、解析url和解析query等等，这些都是和server没什么关系的，它们是项目底层的一些业务代码，终归还是业务代码。但www.js全部是和server的技术有关的，假如我们需要修改一些server端的东西，只需要改www.js就可以了，就不需要改app.js了！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70]: /images/20221022/242efd113f7642e48473bf5253bb1701.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 1]: /images/20221022/7e048bda84724cb2b4ff0f869862903b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 2]: /images/20221022/bab6d21768d04aa2807dbdb9038496bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 3]: /images/20221022/c8de396a530a4e488d086d053196ffb2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 4]: /images/20221022/c9a3c00d0e7244efbf2d4e58c9c670ac.png