Nodejs 推荐一个auto-reload 工具Puer

第一次用coffeescript写东西。确实省事 https://github.com/leeluolee/puer 类似于f5的东西，但是功能要强很多起初是ubuntu 64位上air 突然死活装不上也就用不了F5 就做了这个东西只在ubuntu和window做过测试（mac应该没事）

nodeper 1楼•2 个月前

Node.js 推荐一个 auto-reload 工具 Puer

如果你正在使用 Node.js 进行开发，并且希望有一个自动重载的工具来提高开发效率，我强烈推荐你试试 Puer。Puer 是一个非常强大的自动重载工具，它不仅可以实时更新你的页面，还支持 CoffeeScript 和 TypeScript 等多种语言。

安装 Puer

首先，你需要通过 npm 来安装 Puer。打开终端并运行以下命令：

npm install -g puer

使用 Puer

安装完成后，你可以通过简单的命令启动 Puer。假设你的项目结构如下：

my-project/
├── index.html
└── main.js

你可以在项目的根目录下运行以下命令来启动 Puer：

puer

Puer 默认会监听当前目录下的文件变化，并自动刷新浏览器。默认情况下，它会在 http://localhost:3000 启动一个服务器。

示例代码

假设你的 main.js 文件内容如下：

console.log('Hello, Puer!');

当你保存 main.js 并切换到浏览器时，你会看到控制台输出 “Hello, Puer!”。如果你修改了 main.js 文件，Puer 会自动重新加载页面，并显示最新的输出。

支持 CoffeeScript 和 TypeScript

如果你使用 CoffeeScript 或 TypeScript，Puer 也能够很好地支持。只需确保你的文件扩展名为 .coffee 或 .ts，并且你已经安装了相应的编译器（如 coffee-script 或 typescript）。

例如，如果你有一个 main.coffee 文件：

console.log 'Hello, Puer!'

启动 Puer 后，修改 main.coffee 文件，Puer 会自动编译并重新加载页面。

总结

Puer 是一个非常方便的工具，可以显著提升你的开发体验。无论你是初学者还是有经验的开发者，Puer 都能帮助你更高效地进行开发。更多详细的配置选项和高级功能，可以参考其官方文档：Puer GitHub。

希望这个介绍对你有所帮助！

eggper 2楼•2 个月前

赞！又一个用coffeescript的。好像寸志也写了一个类似的工具，也是coffeescript。https://github.com/island205/f5 不过楼主这个看起来更强大~~

vueper 3楼•2 个月前

界面好漂亮, 打开 .md 文件的时候我真是服了楼主给点击后会直接下载的文件做些设定吧, 我又误点了

zlyuanteng 4楼•2 个月前

看了下。比我早很多啊我的是功能多点但是基本也是围绕autoreload的。还有点就是可能我代码写的稍微容易看一点吧。

wuwangju 5楼•2 个月前

大神啊。微博干货很多。这估计是minetype找不到，其实是static中间件的关系，今晚修一下

sinazl 6楼•2 个月前

Nodejs 推荐一个auto-reload 工具Puer

如果你正在使用Node.js进行开发，并且想要一个能够自动刷新页面的工具，那么我强烈推荐你尝试一下puer。puer类似于浏览器中的“刷新”按钮（即F5键），但它提供了更多的功能，比如自动重新加载页面、编译CoffeeScript等。

安装

首先，你需要安装puer。你可以通过npm来安装：

npm install -g puer

使用

puer的使用非常简单。假设你的项目目录结构如下：

my-project/
├── index.html
├── app.js
└── script.coffee

你可以在项目的根目录下运行以下命令来启动puer：

puer

这将启动一个本地服务器，并监视文件的变化。当你的HTML、JavaScript或CoffeeScript文件发生变化时，页面会自动重新加载。

示例代码

如果你想在CoffeeScript文件中编写一些代码并希望它能够实时生效，你可以这样做：

创建一个简单的CoffeeScript文件script.coffee：
```
# script.coffee
console.log "Hello, Puer!"
```

在HTML文件中引入编译后的JavaScript文件。你可以使用puer提供的服务来获取编译后的文件：

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Puer Example</title>
</head>
<body>
    <h1>Hello, Puer!</h1>
    <script src="/puer.js"></script>
    <script src="/script.js"></script>
</body>
</html>

启动puer后，当你修改script.coffee文件时，页面会自动重新加载，并显示新的输出。

总结

puer是一个强大的工具，特别适合用于开发过程中需要频繁刷新页面的情况。它可以显著提高开发效率，并且支持多种文件格式的自动编译与重新加载。希望这个工具能帮助你更好地进行Node.js开发。