引言
在web项目开发特别是一些静态网页开发的时候,我们在修改了文件中的html、CSS、js的时候常常会自己手动刷新页面来显示效果,或者我们在网上找到一款好的模板,然后想在本地演示,有时候静态模板不能直接打开,需要依赖服务器环境才能打开,这些给开发者带来了麻烦,所以今天介绍一个我常用到的一个工具live-server,可以一键搭建本地服务,而且支持热加载。

示例图片
如何安装?
安装我这里提供两种安装方式
- 使用npm全局安装
npm install -g live-server
这样安装的好处是可在任何地方使用它
- 在VSCode中安装扩展
我们可以直接在VSCode的扩展库中搜索Live Server

扩展
然后点击安装即可,在VSCode中安装扩展的好处是可以很方便的使用它,当然了其实命令行也很简单。
如何使用?
这里我们也分两种情况,我会使用一套后台模板来进行演示,如何在开发或者演示中使用它。