現在有一些瀏覽器內建的開發工具很強大，前端工程師最常用到的其中一個功能就是即時編輯元素樣式預覽效果。可是在套版的過程中我們必須要不時複製寫在開發工具上樣式貼回本機的程式碼有點麻煩，不過這是必要的，因為過程中一但網頁或瀏覽器掛掉，自己不小心關掉視窗或是反射性地按下重新整理，結果都只有一個，那就是剛才在編輯好的樣式都一去不復返 T_T ，只能重頭再來 Orz。當檔案在伺服器端時，開發版型或是套版可能會透過 SFTP、直接修改線上檔案或是使用 Git 來進行作業，如果是前兩種方式，有些人可能習慣編輯沒兩下就更新伺服器端檔案然後重新整理網頁來看看效果（也許那是一種即使開發工具已能即時預覽還是會有種要確實地更新了伺服器端檔案並確認線上版本樣式也無誤後才會有的安心感），也有可能調整到一個段落後才將更新伺服器端檔案。所謂調整到一個段落也有大小之分，我自己的習慣是小段落，例如一個 Header 包含 Logo 、搜尋、主選單和次選單等等項目，每一個項目都是一個小段落，Header 則算是一個大段落（若之於整個頁面來說，至少也算是中段落），通常我會套完一個項目後更新線上檔案，而非套完整個 Header 。
