1. 简介
Bluer 是一个基于 Node.js 的工具包，主用于前端的开发调试。它集成了许多比较有用的插件，例如 livereload、自动更新等等。通过 Bluer，我们可以很方便地实现自动化的前端开发调试。
2. 安装
使用 Bluer 首先需要安装 Node.js，可在 Node.js 官网下载安装包进行安装。安装过程很简单，根据提示一步步完成即可。
然后，在终端中输入以下命令进行全局安装 Bluer：
npm install -g bluer
这样就可以在任意目录下使用 Bluer 命令了。
3. 使用
3.1 创建项目
在命令行中进入你的项目目录，然后输入下面的命令来初始化你的项目：
bluer init
这会在项目目录下创建一个 bluer.json 配置文件。
3.2 配置 Bluer
在 bluer.json 文件中，配置以下内容：
-- -------------------- ---- -------
-
--------- -
------- -----
---------- ----
--
-------- -
--------------
------------
-
-server：服务器配置port：服务器端口号baseDir：服务器根目录，建议设置为项目根目录
watch：监听的文件列表，当这些文件有变化时，自动刷新浏览器
3.3 启动服务
输入以下命令来启动服务：
bluer start
这会启动一个 HTTP 服务器，并自动打开默认浏览器。在浏览器中输入 http://localhost:3000 就能看到效果了。当你修改 HTML 或 CSS 文件时，浏览器会自动刷新，实现了自动化调试。
4. 插件开发
Bluer 还支持自定义插件。我们可以为 Bluer 开发一些自定义的插件来增强它的功能。下面是一个简单的例子：
module.exports = function () {
console.log('hello bluer!')
}在 bluer.json 中配置：
{
"plugins": [
"./plugins/hello.js"
]
}这样，在启动服务时，就会执行这个插件了。
5. 结语
Bluer 是一个非常实用的前端开发调试工具，可以大大提高我们的开发效率。相信通过本文的介绍，读者们已经可以在项目中使用 Bluer 完成前端开发。如果您对插件开发感兴趣，可以阅读插件开发指南进行深入学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056b4581e8991b448e5467