在開發的時候，我們在瀏覽器的開發人員工具中對某一元素的樣式進行了修改，往往還要返回到**編輯區進行修改。定位，修改，檢查，這些操作很麻煩。
有沒有一種方法，可以提高我們的生產力，將瀏覽器中的修改儲存到**編輯區域呢？
下面就用不到1分鐘的時間，演示將瀏覽器開發人員工具設定為自動儲存到**編輯器。
按f12彈出開發人員工具，選擇sources選項卡，在左側是引入的檔案。右鍵彈出「新增檔案到工作區」，選擇專案的根目錄，新增到工作區。
新增完以後，找到index.html的頁面，右鍵，選擇對映到網路資源：
然後，開發人員工具會自動的幫你匹配：
單擊選擇就好。
然後，再在瀏覽器的開發人員工具中修改，就會自動儲存到編輯器中啦~
Vim提高生產力的技巧
比如，有乙個函式 int foo char s,int len 你可以 將游標放在第乙個len上，按 鍵高亮選擇所有的len單詞，並跳到下乙個len上 按n鍵返回到第乙個len上，按ciwn將第乙個len改成n 按n調到第二個len上，按.按n調到第三個len上，按.norm命令可以讓你在ex命令列...
node大幅提高生產力的方法
1 nodet除錯大量邏輯多用vscode debugger 少用console.log 2 安裝nodemon 使用檔案熱過載 npm install s e dev nodemon nodemon delay10 main.js 這個就類似於js函式中的函式節流,只在最後一次更改的檔案往後延遲重...
黑客小技巧 生產力黑客，返校工具和技巧等
黑客小技巧 計畫在8月在opensource.com上進行很多預期的到貨。一方面，我要離開辦公桌，要照顧乙個新寶寶 早在12月！對於文章，一些故事，一些教程，我們將帶給您一系列有關重返學校的知識 開源課程和工具如何改善各地學生和教師的生活。我們將通過適時的有關openstreetmap，gnome和...