搭建前端服务器

搭建前端服务器

案例

• 新建项目文件夹

• 执行命令

  npm install express --save-dev

• 修改package.json文件

  添加”type”: “module”就可以使用import来导入模块

  其中 devDependencies 是 npm install –save-dev 添加的

  {
    "type": "module",
    "devDependencies": {
      "express": "^4.18.1"
    }
  }

• 编写main.js文件

  import express from 'express'
  const app = express()
  
  app.use(express.static('./'))
  app.listen(7070)

  代码解释：

  • const app = express()：创建一个新的应用程序

  • app.listen(7070)：设置监听的端口

  • app.use(express.static(‘./‘))：设置静态文件目录

• 控制台(VSCode快捷键: ctrl+shift+反引号)执行命名

  node main.js