修改CSS的時候，經(jīng)常需要頻繁的刷新頁面才能看到修改后的效果。但是這樣的操作非常耗時，能否使用一些技巧來自動刷新頁面呢？下面就來介紹一下如何修改CSS并自動刷新頁面。

// 1. 安裝瀏覽器插件
在 Chrome 應(yīng)用商店中搜索“LiveReload”，添加到 Chrome 中。
// 2. 創(chuàng)建LiveReload配置文件
在css文件夾下創(chuàng)建名為“l(fā)ivereload.ini”的文件，并添加以下代碼：
[CSS]
files = "*.css"
?
// 3. 安裝LiveReload模塊
打開終端，進入項目目錄，執(zhí)行以下命令：
npm install --save-dev livereload
// 4. 修改gulpfile.js
var gulp = require("gulp");
var livereload = require("gulp-livereload");
gulp.task("css", function() {
gulp.src("css/*.css")
.pipe(livereload());
});
gulp.task("watch", function() {
livereload.listen();
gulp.watch("css/*.css", ["css"]);
});
// 5. 啟動服務(wù)器
在終端中執(zhí)行以下命令，啟動一個服務(wù)器：
python -m SimpleHTTPServer
// 6. 啟動LiveReload
在終端中執(zhí)行以下命令，監(jiān)聽文件變化，自動刷新頁面：
gulp watch

以上就是如何修改CSS并自動刷新頁面的步驟。如果您對gulp等工具不熟悉，也可以使用一些實時編譯的工具，如CodeKit、Prepros等，它們都能夠幫助您實現(xiàn)CSS的自動編譯與刷新。