工欲善其事，必先利其器。」
初入職場，深刻認識到作為乙個程式設計師，掌握必備的快捷工具及快捷鍵是一堂必修課，也是提高開發工作效率的不二法門。本文從快捷開發工具及快捷鍵兩方面為前端入門選手量身定做，打造屬於你自己的快捷開發方式。
一開始選幾個最為常用的命令適應使用，並逐漸記憶增加其他快捷鍵的使用。在工作中會對快捷鍵使用有新的需求，因此本文後續也會更新~~~
一、快捷開發工具
1. utools
alt/ctrl + space快速開啟搜尋框，輸入自己想找的工具/檔案定位開啟
2. switchhost
工作原理：向瀏覽器輸入**瀏覽器會查詢本地計算機有沒有儲存網域名稱baidu.com對應的伺服器ip, 如果儲存了,瀏覽器直接向目標伺服器發起三次握手的連線請求;如果沒有儲存,則向dns伺服器發起"查詢baidu.com對應伺服器ip"的請求。本地計算機儲存網域名稱對應ip的檔案就是hosts檔案如果我們更改了hosts檔案,就可以改變瀏覽器請求特定網域名稱的資源時對應的伺服器。
3. xmind
超棒的思維導圖工具，大家應該都知道啦。
4. 有道雲 or 堅果雲 or 語雀
記筆記二、vs code常用快捷鍵
我自己常用的前端開發工具是vs code，當然也有很多小夥伴喜歡用webstorm。
以下主要介紹vs code中常用的一些快捷鍵。
1. 主命令框---f1或ctrl+shift+p
2. 編輯器與視窗管理
新建檔案---ctrl+n
檔案之間切換---ctrl+tab
開啟乙個新的vs code編輯器---ctrl+shift+n
關閉當前視窗---ctrl+w
關閉當前的vs code編輯器---ctrl+shift+w
切出乙個新的編輯器視窗---ctrl+\
切換左中右3個編輯器視窗的快捷鍵---ctrl+1/-ctrl+2/-ctrl+3
3. **編輯
**行向左或向右縮排---ctrl+[ / ctrl+]
複製或剪下當前行/當前選中內容---ctrl+c 、 ctrl+v
**格式化---shift+alt+f
向上或向下移動一行--- alt+up 或 alt+down
向上或向下複製一行---shift+alt+up 或 shift+alt+down
在當前行下方插入一行---ctrl+enter
在當前行上方插入一行---ctrl+shift+enter
4. 修改預設快捷鍵
參考：[
官方快捷鍵大全：[
三、瀏覽器常用快捷鍵(chrome)
Emmet快捷鍵 前端必備快速編碼工具
emmet 前身為 zen coding 是乙個能大幅度提高前端開發效率的乙個工具。emmet把片段這個概念提高到了乙個新的層次 你可以設定css形式的能夠動態被解析的表示式，然後根據你所輸入的縮寫來得到相應的內容。emmet是很成熟的並且非常適用於編寫html xml 和 css 的前端開發人員，...
IntelliJ IDEA 快捷鍵合集
f8 單步除錯，不進入函式內部 f7 單步除錯，進入函式內部 shift f7 選擇要進入的函式 shift f8跳出函式 alt f9 執行到斷點 alt f8 執行表示式檢視結果 f9 繼續執行，進入下乙個斷點或執行完程式 ctrl f8 設定 取消當前行斷點 ctrl shift f8 檢視斷...
Idea IDE必備快捷鍵
1.安裝 key promoter x外掛程式，常見操作有快捷鍵提示，對開發友好 2.必備快捷鍵，熟記提高開發效率 ctrl f 在當前檔案進行文字查詢 必備 ctrl r 在當前檔案進行文字替換 必備 ctrl z 撤銷 必備 ctrl y 刪除游標所在行 或 刪除選中的行 必備 ctrl d 複...