資訊專欄INFORMATION COLUMN
摘要：摘要在寫頁面的時候大家肯定都干過這種事情先在編輯器里改一個屬性，保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測文件變化讓瀏覽器自動刷新的辦法，無需配置，操作簡單。
摘要
在寫web頁面的時候大家肯定都干過這種事情：先在編輯器里改一個CSS屬性，保存再切回瀏覽器刷新頁面看效果。尤其是對于追求像素完美的同學，簡直石樂志，大了小了1px都要來回改。
本文介紹了一種讓檢測文件變化讓瀏覽器自動刷新的辦法，無需配置，操作簡單。特別是對于屏幕大甚至有雙屏三屏四五屏的同學，不要太爽哦！
準備工作這種方法需要使用chrome瀏覽器，以及兩個npm的包。關于npm不再多說，有大把文章教你怎么安裝，還有更換成淘寶的鏡像使用cnpm加快下載速度。
先用npm安裝兩個包 npm install -g anywhere livereload
chrome瀏覽器安裝livereload的插件（點我安裝）
搞起在終端里進入到項目的文件夾，運行anywhere，一切順利的話應該自動跑起了一個web server，并且自動在瀏覽器里打開了index.html。如果默認端口被占用還可以加-p命令運行到指定端口，例如anywhere -p3000
再開一個終端進入到項目的文件夾，運行livereload
在chrome瀏覽器中激活livereload!
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111802.html
摘要：摘要在寫頁面的時候大家肯定都干過這種事情先在編輯器里改一個屬性，保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測文件變化讓瀏覽器自動刷新的辦法，無需配置，操作簡單。 摘要 在寫web頁面的時候大家肯定都干過這種事情：先在編輯器里改一個CSS屬性，保存再切回瀏覽器刷新頁面看效果。尤其是對于追求像素完美的同學，簡直石樂志，大了小了1px都要來回改。 本文介紹了一種讓檢測文件變化讓瀏覽器...
摘要：摘要在寫頁面的時候大家肯定都干過這種事情先在編輯器里改一個屬性，保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測文件變化讓瀏覽器自動刷新的辦法，無需配置，操作簡單。 摘要 在寫web頁面的時候大家肯定都干過這種事情：先在編輯器里改一個CSS屬性，保存再切回瀏覽器刷新頁面看效果。尤其是對于追求像素完美的同學，簡直石樂志，大了小了1px都要來回改。 本文介紹了一種讓檢測文件變化讓瀏覽器...
摘要：如果修改的是里的文件，保存后，服務器將自動重啟，瀏覽器會在服務器重啟完畢后自動刷新。從開始首先，已經想到了開發流程中的自動刷新，這就是。 在以前的一篇文章BrowserSync，迅捷從免F5開始中，我介紹了BrowserSync這樣一個出色的開發工具。通過BrowserSync我感受到了這樣一個理念：如果在一次ctrl + s保存后可以自動刷新，然后立即看到新的頁面效果，那會是很棒的開...
閱讀 3579·2021-11-04 16:06
閱讀 3573·2021-09-09 11:56
閱讀 842·2021-09-01 11:39
閱讀 892·2019-08-29 15:28
閱讀 2288·2019-08-29 15:18
閱讀 823·2019-08-29 13:26
閱讀 3326·2019-08-29 13:22
閱讀 1039·2019-08-29 12:18
