在Chrome开发者工具中自动保存文件

Question

我正在观看来自Google IO 2012的Chrome Dev Tools演变视频​​，然后看到这个名为Chrome Dev tools autosave的工具自动保存从chrome dev工具编辑的文件。 我在Windows上已经安装了节点，所以我只做了以下几点：

1. 从此处安装devtools自动保存：https://chrome.google.com/webstore/detail/mlejngncgiocofkcbnnpaieapabmanfl/details

2. 已安装服务器：npm install -g autosave所有内容都已安装，因为它显示了running on http://127.0.0.1:9104

3. 创建routes.js文件并将其保存到我运行服务器安装的文件夹中。这是routes.js文件的样子：

   exports.routes = [{
   from: /http:\/\/127.0.0.1\//,
   to: 'D:\/web_files/'
   }];
   

显然从Chrome访问localhost并不起作用（它只适用于我不知道为什么的Firefox和其他浏览器）所以我在127.0.0.1而不是{{} 1}} 我在Chrome扩展程序的选项中有这个：



知道我错过了什么吗？它在我尝试修改文件中的某些样式时无法正常工作：

localhost

Answer 1

首先，您不需要routes.js文件。在自动保存版本1.x中没有必要。

CSS样式表的网址如何？请注意，自动保存功能尚不适用于内联样式表（通过<style>添加）。

Answer 2

我是Mac OSX用户，我必须安装nodejs才能使用自动保存功能。 这些是我遵循的步骤： 1）安装nodejs 2）在终端

中运行此命令

sudo npm install -g autosave
sudo npm run-script -g autosave autostart

3）启用Experimental Extension API 4）从chrome扩展安装AutoSave Extension 5）关闭chrome，重新启动笔记本电脑

您可以通过在终端中键入“autosave”来验证自动保存是否正常工作，您将得到以下内容：

saba$ autosave
http://127.0.0.1:9104 is already in use. Exiting.

TADA !!您已准备好使用自动保存。