[Editor] CodePen VS Code 常用快速鍵 | vs code複製
開發推薦使用VisualStudioCode;另外可以使用線上即時渲染結果的編輯器Codepen,用於小練習/快速試調/快速分享:Codepen使用線上編輯器可快速編輯HTML/CSS/JavaScript,即時瀏覽網頁畫面,方便快速學習,例如查看教程時可以一邊進行實作練習,個人最常用的是Codepen[1]。(相信你點開就會用了吧!我就不教學啦!)其他類似的線上編輯器服務:VisualStudioCode工欲善其事必先利其器,好的Editor/IDE讓你開發速度加倍速,爛的編輯器讓你倒退嚕。再把快速鍵的手感練起來,整個寫Code速度就是快的不要不要的,沒有滑鼠也能飛起來!(是要飛...
開發推薦使用 Visual Studio Code ;另外可以使用線上即時渲染結果的編輯器 Codepen,用於小練習 / 快速試調 / 快速分享:
Codepen使用線上編輯器可快速編輯 HTML / CSS / JavaScript,即時瀏覽網頁畫面,方便快速學習,例如查看教程時可以一邊進行實作練習,個人最常用的是 Codepen[1]。( 相信你點開就會用了吧!我就不教學啦! )
其他類似的線上編輯器服務:
Visual Studio Code工欲善其事必先利其器,好的 Editor / IDE 讓你開發速度加倍速,爛的編輯器讓你倒退嚕。再把快速鍵的手感練起來,整個寫 Code 速度就是快的不要不要的,沒有滑鼠也能飛起來!(是要飛去哪啦!?)
Visual Studio Code ( 簡稱 VS Code ) 跟 Sublime 都是目前滿熱門的編輯器。本系列教學以 VS Code 為主。
選擇 VS Code 主要原因:
輕量 插件多 使用戶多4. 轉職前看到前端工程師同事在用5. 轉職進修中看到講師們在用6. 轉職後看到公司同事在用嘿啦~反正就這樣。直接送上 VS Code 下載傳送門[2]
相信你載了之後摸個幾下就會使用了吧~我假設你秒會開啟檔案/開啟資料夾新增/編輯檔案囉!(超不負責任的教學文XD)。那就接著分享我個人常用的快速鍵:
開啟/關閉 檔案&專案資料夾 Hotkey Mac Windows Remark 開啟文件 Cmd + O Ctrl + O - 開啟資料夾 Cmd + K + L Ctrl + K + L - 儲存文件 Cmd + S Ctrl + S - 儲存所有文件 Cmd + Option + S Ctrl + k S - 另存新檔 Cmd + Shift + S Ctrl +Shift + S - 開新檔案 Cmd + N Ctrl + N - 開新VSCode視窗 Cmd + Shift + N Ctrl + Shift + N - 關閉檔案/...