什么是 Flutesing-Sync
Flutesing-Sync 是一个同步工具,可以帮助前端开发人员简化编码操作。它可以以前所未有的方式同步服务器端代码与本地代码,亦可对代码进行实时打包、压缩等操作。使用 Flutesing-Sync,开发人员无需在本地开发环境中预装 node.js、npm 和 webpack,同时还可以实现跨平台操作。
如何使用 Flutesing-Sync
安装 Flutesing-Sync
首先,我们需要全局安装 Flutesing-Sync:
--- ------- -- --------------
启动 Flutesing-Sync
在需要同步的文件夹下,使用以下命令:
--------------
Flutesing-Sync 会为你自动启动一个本地服务器,并以默认端口 8080 开放服务。你可以在浏览器中打开以下地址来访问你的本地服务:
---------------------
在开发的过程中,在浏览器中访问 Flutesing-Sync 充当的服务器就行了,任何文件修改都将同步到服务器上。此时,Flutesing-Sync 会自动为你实时打包。你只需要在一个窗口进行编辑,Flutesing-Sync 会自动帮你打包,省去了你频繁开启命令行打包的繁琐操作。
其他命令
以下是一些可以帮助你使用 Flutesing-Sync 的其他命令:
--port [port]
:以指定端口启动服务器--watch
:监听文件夹的变化--verbose
:启用详细输出模式
如果你正在使用 webpack
Flutesing-Sync 也可以和 webpack 结合使用。你可以使用 webpack 自行打包,也可以使用 Flutesing-Sync 内置的 webpack 打包。如果你使用自行打包,你需要在 webpack 配置文件中将输出目录设置为 Flutesing-Sync 所在的文件夹下,这样才能实现同步。
如果你使用内置的打包,你只需要在 Flutesing-Sync 启动时,使用以下命令即可:
-------------- --
注意事项
- Flutesing-Sync 有一些固有的限制,例如不支持 HTML5 的事件源。在编写代码时,请参考 Flutesing-Sync 的使用手册,以避免不必要的错误。
- 因为 Flutesing-Sync 没有集成 node.js、npm 和 webpack 等工具,所以需要你的开发环境相当于预装了这些环境。
- 如果你有任何问题,可以尝试在 Flutesing-Sync 的 GitHub 仓库提出 Issues。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005663b81e8991b448e2383