可以直接在chrome的F12開發人員工具上面編輯CSS、JS的同時,也會同步更新檔案,
安裝流程
步驟一、安裝chrome的autosave套件:下載連結
步驟二、安裝node.js,進入官網後點選中間的install進行下載:下載連結
步驟三、開啟命令列模式視窗 (cmd.exe) ,並執行下方指令,如果系統說無此指令,可重新開機,讓node.js重新運作。
步驟一、安裝chrome的autosave套件:下載連結
步驟二、安裝node.js,進入官網後點選中間的install進行下載:下載連結
步驟三、開啟命令列模式視窗 (cmd.exe) ,並執行下方指令,如果系統說無此指令,可重新開機,讓node.js重新運作。
npm install -g autosave
步驟四、將你的html丟到chrome瀏覽器瀏覽,用開發人員工具修改css後便會立刻儲存。
步驟五、如果網址連結是localhost,請到Chrome瀏覽器→工具→擴充功能→DevTools Autosave→選項,來進行新增動作。
新增範例如下,match為你的localhost的網址連結,save則是你資料夾的路徑,新增好後請記得要將線條連到右邊的http://127.0.0.1。如果路徑寫錯了,你在修改瀏覽器上的CSS時,no.js會跳出警告視窗告知。
步驟六、日後如果要使用該功能,都必須開啟命令列模式視窗 (cmd.exe) ,執行autosave,功能才會生效。
文獻參考
沒有留言:
張貼留言