使用Nodejs搭建本地静态服务器

前言

在日常开发中，我们经常会在本地文件夹中直接打开HTML页面，一般都是file协议但当代码中存在http或https等外部资源时，HTML页面就无法正常打开，为了解决这个问题就需要搭建本地静态服务器。

如果你知道怎么搭建本地静态服务器，自己用任何方式搭建都可以。如果不了解的话，建议使用nodejs去快速搭建一个本地静态服务器，因为它比较简单快捷。

Nodejs本地静态服务器

使用Nodejs搭建本地静态服务器，首先,查看Nodejs是否安装。

Nodejs

在项目目录下，进入命令行窗口，输入 node -v 查看Nodejs的安装情况：

    node -v

返回正确的版本号，说明这台机器已经安装好了Nodejs。

没有安装好Nodejs的，先去 Node官网 按照提示按照好对应系统的node，然后搭建本地静态服务器。

安装live-server

然后，使用npm执行下面命令，安装live-server模块：

    npm install -g live-server

看到这样就是安装好了。

启动静态服务器

输入live-server开启静态服务器：

扫描二维码关注公众号，回复： 14961918 查看本文章

    live-server

输入命令后，启动静态服务器：

并打开浏览器进入对应的文件目录：

如果没自动打开，那么手动打开浏览器访问http://localhost:8080或http://127.0.0.1:8080即可进入文件目录。

开发调试-热更新

通过live-server模块搭建的本地静态服务器，可以实现代码的热加载，非常的方便。

修改完的代码，直接保存对应的代码文件，页面就会重新渲染，不用再手动刷新页面。

本文到此结束

如果大家还有什么其他想法，欢迎在评论区交流！