devtools autosave配置

chrome-devtools-autosave windows xp 安裝配置

這個東西實現了可以在Chrome developer tools裏面修改css屬性或者js代碼,然後直接同步保存到本地或者服務器。比如以前我們先大概寫好css,然後用firebug進行微調,調整好後,複製css代碼,進入編輯器粘貼代碼然後保存,然後刷新瀏覽器看效果。而現在,在Chrome devtools裏面,修改的css可以自動保存了。而且不僅僅是css屬性,還可以直接修改css源文件、javascript源文件。現在的開發方式可以簡化到,先寫好HTML骨架,定義好各個class名字,然後打開chrome devtools,在css源文件裏面直接添加新的class。邊寫邊可以看到效果哦。牛逼指數10顆星啊。(轉)

下面是我在windowsxp下安裝過程

安裝插件:
1.首先要啓用chrome的實驗性程序擴展API,默認是關閉的。 在瀏覽器地址欄中輸入: chrome://flags

2.重啓chrome

3.安裝插件 點這裏 安裝

安裝server:
1. 這個server是用node.js寫的。先安裝node.js。點這裏 node.js

2.下載server 打開命名提示符 鍵入 npm install -g autosave

3.運行server 鍵入npm run-script -g autosave autostart運行
如果報錯,也可以找到server目錄 我的是C:\Documents and Settings\Administrator\Application Data\npm\node_modules\autosave 鍵入node index.js 運行 如下圖

好了這樣就完成了
下圖是我的配置


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章