简介
wikic-live-server 是一款基于 Node.js 平台的工具,它可以让你在本地快速地搭建一个静态服务器。通过它,你可以在本地进行前端开发,快速地预览并测试自己的项目。另外,wikic-live-server 还支持自动刷新,它会在你修改文件后自动重新加载页面,保证你能够看到最新的效果。
安装
使用 npm 来安装 wikic-live-server。
npm install -g wikic-live-server
使用
使用 wikic-live-server 很简单,只需要在项目的根目录下打开终端,并输入以下命令:
wikic-live-server
执行完毕后终端会输出类似以下的内容:
Serving "./" at http://127.0.0.1:8080
至此,一个静态服务器就已经在本地启动了。你可以用浏览器访问 http://127.0.0.1:8080
来查看网站。
参数
wikic-live-server 支持一些参数设置,以及额外的功能。下面介绍一些常用的参数和功能。
端口号
wikic-live-server 默认启动在 8080 端口,你也可以使用 --port
参数来指定一个不同的端口号。
wikic-live-server --port=9999
使用上面的命令,wikic-live-server 就会启动在 9999 端口了。
自动打开浏览器
wikic-live-server 默认不会自动打开浏览器。你也可以使用 --open
参数来让它自动打开浏览器。
wikic-live-server --open
上面这个命令会在启动服务器后自动打开浏览器,访问网站。
自定义主页
默认情况下,wikic-live-server 的主页是 index.html
,你也可以使用 --index
参数来指定一个自定义的主页。
wikic-live-server --index=home.html
上面这个命令会让 wikic-live-server 使用 home.html 作为主页。
自动刷新
wikic-live-server 支持自动刷新功能,它会监测文件的变化,并在发生变化后自动刷新页面。你可以使用 --no-notify
参数来禁用自动刷新功能。
wikic-live-server --no-notify
上面这个命令会禁用自动刷新功能。
结束
wikic-live-server 是一款非常方便的工具,它可以极大地提高我们的开发效率。在开发过程中,我们可以随时预览效果,修改代码后也可以及时看到效果。下面是一个示例代码,你可以试着运行它,体验一下 wikic-live-server 的功能。
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- -------------------------------- ------- ------ --------- ----------- -------- ---------------------- - ----------------------- -- ----- - --- ---------------- - ------- -- ------ --------- ------- -------展开代码
祝大家使用愉快!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600562d581e8991b448e02b3