要在您最喜欢的 Web 浏览器中预览您的 Web 应用,您无需执行任何特殊操作来在您的计算机上设置本地 Web 服务器——这是 Yeoman 的一部分。
启动服务器
运行 npm 脚本在 localhost:3000(或某些配置中的 127.0.0.1:3000)上创建一个基于 Node 的本地 http 服务器,方法是键入
npm run serve
在 Web 浏览器中打开一个新标签页,访问 localhost:3000
停止服务器
如果您需要停止服务器,请使用 Ctrl+C 键盘命令退出当前的 CLI 进程。
注意:您不能在同一端口(默认端口为 3000)上运行多个 http 服务器。
监视您的文件
打开您喜欢的文本编辑器并开始进行更改。每次保存都会自动强制浏览器刷新,因此您无需手动执行此操作。这称为*实时重新加载*,它是一种实时查看应用程序状态的好方法。
实时重新加载是通过在 gulpfile.js
中配置的一组 Gulp 任务以及在 gulp_tasks/browsersync.js
中配置的 Browsersync 提供给您的应用程序的;它监视您文件的更改,并在检测到更改时自动重新加载它们。
下面,我们编辑了 src/app/components 目录中的 Header.js。由于实时重新加载,我们从以下情况开始
立即变成这样
不要忘记测试!
您有一个经过测试的 Todomvc 应用,并且您更改了标题头。您应该在 `mytodo/src/app/components/Header.spec.js` 中编辑测试**或**撤消更改以演示实时重新加载