Ember.js 是一个 JavaScript 前端框架，它提供了一组工具和标准化的方式来帮助你构建单页应用程序。ember-cli 是 Ember.js 的官方命令行工具，它使得构建、测试、打包和部署 Ember.js 应用程序变得容易和自动化。ember-cli-inject-live-reload 是一个 npm 包，它为 ember-cli 应用程序添加了实时重新加载功能。在本教程中，我们将学习如何使用 ember-cli-inject-live-reload 并快速提高我们的应用程序开发速度。
安装 ember-cli-inject-live-reload
要使用 ember-cli-inject-live-reload，首先需要全局安装 ember-cli：
npm install -g ember-cli
然后，在你的 Ember.js 应用程序目录下，执行以下命令安装 ember-cli-inject-live-reload：
ember install ember-cli-inject-live-reload
这个命令将会修改你的应用程序，增加实时重新加载功能并安装必要的依赖项。
使用 ember-cli-inject-live-reload
为了使用 ember-cli-inject-live-reload，我们需要启动 Ember.js 开发服务器。在你的应用程序目录下，运行以下命令：
ember server
这个命令将启动一个本地服务器，提供你的应用程序的访问地址。
现在，你可以在你的编辑器中打开你的应用程序代码，并右键单击 HTML 文件并选择“在浏览器中打开”（或者使用快捷键 Ctrl + O）来打开你的应用程序。
在浏览器中打开应用程序后，每当你修改应用程序代码时，浏览器就会实时重新加载页面，以便你可以看到你所做的更改的效果。
示例代码
下面是一个例子，演示了如何使用 ember-cli-inject-live-reload：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- --------- -------- ----------- ----- --------------- ---------------------------- ----------------- ----- ---------------- ------------------------- ----- ---------------- ------------------------------ ------- ------ ---- ----------------------- ------- -------------------------------- ------- ------------------------------------- ------- -------
在这个例子中，我们使用 ember-cli-inject-live-reload 自动注入了重新加载代码，当我们修改应用程序代码时，浏览器会自动重新加载页面。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57675