Node.js开发博客项目-搭建环境(2)

搭建环境

首先新建blog-1文件夹,在文件夹下初始化package.json,执行命令:

npm init -y

生成的package.json文件中的main属性默认值index.js改成bin/www.js(即是在工程目录下新建bin文件夹,并在下面新建一个www.js)

  • 1.安装nodemon监听文件变化;
  • 2.安装cross-env设置环境变量。
npm i nodemon cross-env -D

package.json代码中的scripts下添加新属性dev,值如下:

{
  "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"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "cross-env": "^7.0.3",
    "nodemon": "^2.0.12"
  }
}

在工程文件下新建app.js:

const serverHandle = (req,res) => {
    res.setHeader(‘Content-type‘,‘application/json‘);
    
    resData = {
        name: ‘xiaomo10000‘,
        site: ‘localhost‘,
        dev: process.env.NODE_ENV
    }
    
    res.end(JSON.stringify(resData));
}

module.exports = serverHandle;

www.js代码如下:

const http = require(‘http‘)

const PORT = 8000

const serverHandle = require(‘../app‘);
const server = http.createServer(serverHandle);

server.listen(PORT)

执行命令:npm run dev,在地址栏输入:http://localhost:8000/,打开控制台 就能看到请求后相应的内容如下:

{"name":"xiaomo10000","site":"localhost","dev":"dev"}

 

Node.js开发博客项目-搭建环境(2)

上一篇:webpack url-loader 图片不显示 src="[object module]" 问题


下一篇:nginx代理mysql,ssh