npm 包 wikic-live-server 使用教程

阅读时长 3 分钟读完

简介

wikic-live-server 是一款基于 Node.js 平台的工具,它可以让你在本地快速地搭建一个静态服务器。通过它,你可以在本地进行前端开发,快速地预览并测试自己的项目。另外,wikic-live-server 还支持自动刷新,它会在你修改文件后自动重新加载页面,保证你能够看到最新的效果。

安装

使用 npm 来安装 wikic-live-server。

使用

使用 wikic-live-server 很简单,只需要在项目的根目录下打开终端,并输入以下命令:

执行完毕后终端会输出类似以下的内容:

至此,一个静态服务器就已经在本地启动了。你可以用浏览器访问 http://127.0.0.1:8080 来查看网站。

参数

wikic-live-server 支持一些参数设置,以及额外的功能。下面介绍一些常用的参数和功能。

端口号

wikic-live-server 默认启动在 8080 端口,你也可以使用 --port 参数来指定一个不同的端口号。

使用上面的命令,wikic-live-server 就会启动在 9999 端口了。

自动打开浏览器

wikic-live-server 默认不会自动打开浏览器。你也可以使用 --open 参数来让它自动打开浏览器。

上面这个命令会在启动服务器后自动打开浏览器,访问网站。

自定义主页

默认情况下,wikic-live-server 的主页是 index.html,你也可以使用 --index 参数来指定一个自定义的主页。

上面这个命令会让 wikic-live-server 使用 home.html 作为主页。

自动刷新

wikic-live-server 支持自动刷新功能,它会监测文件的变化,并在发生变化后自动刷新页面。你可以使用 --no-notify 参数来禁用自动刷新功能。

上面这个命令会禁用自动刷新功能。

结束

wikic-live-server 是一款非常方便的工具,它可以极大地提高我们的开发效率。在开发过程中,我们可以随时预览效果,修改代码后也可以及时看到效果。下面是一个示例代码,你可以试着运行它,体验一下 wikic-live-server 的功能。

-- -------------------- ---- -------
--------- -----
------
------
    ----- ----------------
    --------------------------------
-------
------
    --------- -----------
    --------
        ---------------------- -
            ----------------------- -- ----- - --- ---------------- - -------
        -- ------
    ---------
-------
-------
展开代码

祝大家使用愉快!

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600562d581e8991b448e02b3

纠错
反馈

纠错反馈