作为前端程序员,经常遇到一些“祖传代码”,不放在服务器就没办法调试页面,那么如何在本地顺畅的调试呢?方案之一就是模拟线上环境启一个本地服务。
需要掌握的基础知识:
1 node.js
2 npm
3 js
在终端中打开文件夹,执行 :
npm init
终端会提示你配置packge相关的东西,按需要输入就行,一般就 回车回车回车。。。
然后安装要使用到的npm包:express
express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web
和移动设备应用。
npm install express --save
执行完成后,在根目录下创建 start.js 文件,并创建一个名为“static”的文件夹
代码如下:
const express = require("express")
const app = express()
app.use(express.static(path.join('static')))
app.listen(1309,()=>{
console.log("服务开启在1309端口")
})
在static文件中放入静态资源,如:index.html
终端输入
node start.js
启动服务。
在浏览器打开:http://127.0.0.1:1309/index.html
就可以正常访问了