什么是 Flutesing-Sync
Flutesing-Sync 是一个同步工具，可以帮助前端开发人员简化编码操作。它可以以前所未有的方式同步服务器端代码与本地代码，亦可对代码进行实时打包、压缩等操作。使用 Flutesing-Sync，开发人员无需在本地开发环境中预装 node.js、npm 和 webpack，同时还可以实现跨平台操作。
如何使用 Flutesing-Sync
安装 Flutesing-Sync
首先，我们需要全局安装 Flutesing-Sync：
npm install -g flutesing-sync
启动 Flutesing-Sync
在需要同步的文件夹下，使用以下命令：
flutesing-sync
Flutesing-Sync 会为你自动启动一个本地服务器，并以默认端口 8080 开放服务。你可以在浏览器中打开以下地址来访问你的本地服务：
http://localhost: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 -w
注意事项
- Flutesing-Sync 有一些固有的限制，例如不支持 HTML5 的事件源。在编写代码时，请参考 Flutesing-Sync 的使用手册，以避免不必要的错误。
- 因为 Flutesing-Sync 没有集成 node.js、npm 和 webpack 等工具，所以需要你的开发环境相当于预装了这些环境。
- 如果你有任何问题，可以尝试在 Flutesing-Sync 的 GitHub 仓库提出 Issues。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005663b81e8991b448e2383