无需退出浏览器也能开发 Node.js 应用程序（2）

look_w

第 2 步. 在                Live Edit 模式下更新应用程序现在，我将在 Live Edit 模式中更改应用程序的源代码，并看看此次更改是否会立即在已部署的应用程序中反映出来。
准备使用                Live Edit该步骤使用 Web IDE 中的 Live Edit 模式，并且您在浏览器中完成所有操作。您也可以使用 Bluemix Sync 和 Live                    Edit 来同步本地文件系统上的文件（例如，如果喜欢使用   等桌面应用程序）以及 Web IDE 工作空间中的文件，并将这些文件立即部署到 Bluemix                    中。查阅  ，了解更多信息。

• 返回到 Personality Insights 应用程序的 Bluemix                    页面。（如果正在运行的应用程序并非位于单独的窗口或选项卡中，可右键单击应用程序的路径，并在新的窗口或选项卡中打开链接。）
• 单击右上角的 ADD GIT。
• 单击 Create Git Repository 对话框中的 CONTINUE。Bluemix                    会将应用程序代码的一个副本放在 Bluemix DevOps Services 处所托管的 Git 存储库中。
• 成功创建 Git 存储库后，单击 CLOSE。
• 单击右上角的 EDIT CODE，打开 Bluemix DevOps Services Web                    IDE。
• 将 Live Edit 选项设为 on：
• 如果系统提示您重新部署，单击 OK。此时会重新部署应用程序，这样更改就能在已部署的应用程序中生效。部署完应用程序后，运行栏中会显示一个绿点:

部署完应用程序后，就可以进行实时编辑了。
更改一个静态文件对静态文件（例如 Jade 或 CSS 文件）所做的更改几乎可以立即在已部署的应用程序中反映出来。

• 在左侧的导航器视图中，展开视图。
• 选择 layout.jade 文件。
• 将 h2（大约在第 30 行）改为                    This article is so great that I'm going to Tweet about it!                    等类似的内容。Web IDE 会自动保存更改 — 无需手动保存！
• 切换到正在运行的应用程序所在的选项卡或窗口，然后刷新页面。注意，应用程序的标题也会立即发生变化。无需等待即可重新部署应用程序！
• 对静态文件进行几次更改并观察应用程序是否实时更新了。

更改                Node.js 模块要想部署对 Node.js 模块的更改，必须进行一次快速的应用程序重新启动（不是全部的重新部署工作），因为服务器会在内存中缓存 Node.js                模块。为了演示该特性，您将创建一个新的文本文件，应用程序使用该文件的内容作为默认文字。应用程序会在 Node.js                模块内引用该默认文本文件，所以必须重新启动应用程序才能看到所做的更改生效。

• 在左侧窗格中，在导航器中选择应用程序的根目录。
• 单击 File > New >                        File。
• 文件名已高亮显示，所以您可重命名它。输入 defaulttext.txt 后按键盘上的 Enter 或                    Return。
• 在右侧的编辑器中，键入或粘贴您希望在应用程序中用作默认文本的文字。
• 在左侧窗格中，在导航器中选择 app.js 文件。
• 在右侧的编辑器中，查看位于 25 行附近的 dummy_text 变量。将                    mobydick.txt 替换为 defaulttext.txt：                        

  1	dummy_text = fs.readFileSync('defaulttext.txt');

  
  
  
  
• 在 Web IDE 的顶部栏中，单击 Restart 按钮 。
• 重新启动应用程序后（只需几秒钟的时间），运行栏中会显示一个绿点。
• 切换到正在运行的应用程序所在的选项卡或窗口。刷新页面并查看新的文字。（如果浏览器已缓存了页面并且您看到文字没有更新，可再次打开应用程序的                    URL，此时应该显示更改后的内容。）