【chrome套件】autosave:在網頁瀏覽器編輯模式下自動儲存css、js檔

它最強大的功能在於當你在開發網頁的過程中,
可以直接在chrome的F12開發人員工具上面編輯CSS、JS的同時,也會同步更新檔案


安裝流程
步驟一安裝chrome的autosave套件下載連結
步驟二、安裝node.js,進入官網後點選中間的install進行下載:下載連結
步驟、開啟命令列模式視窗 (cmd.exe) ,並執行下方指令,如果系統說無此指令,可重新開機,讓node.js重新運作。
npm install -g autosave


執行完後,可在命令模式打autosave看看,如果成功就會出現以下畫面:



步驟四、將你的html丟到chrome瀏覽器瀏覽,用開發人員工具修改css後便會立刻儲存。

步驟五、如果網址連結是localhost,請到Chrome瀏覽器→工具→擴充功能→DevTools Autosave→選項,來進行新增動作。
新增範例如下,match為你的localhost的網址連結,save則是你資料夾的路徑,新增好後請記得要將線條連到右邊的http://127.0.0.1。如果路徑寫錯了,你在修改瀏覽器上的CSS時,no.js會跳出警告視窗告知。


步驟六、日後如果要使用該功能,都必須開啟命令列模式視窗 (cmd.exe) ,執行autosave功能才會生效。

文獻參考



沒有留言:

張貼留言