VS Code 介紹

VS Code 的一點心得。

VS Code 介紹
VS Code 介紹

工欲善其事,必先利其器,之所以選擇 VS Code 而非其他的代碼編輯器有兩個原因: 1. 多人用,這代表了有什麽疑難雜症都能到網絡上,找到解決方法。2. 插件多,其實這是第一點的延續,因爲多人用所以插件多。

在此之前我的其他選擇有:Atom 以及Subline Text 。

VS Code 簡介

VS Code 全名為:Visual Studio Code, 是以 Electro 開發的全平臺的代碼編輯器,好處是跨平臺都能有一樣的體驗,而且插件豐富,是一款相當容易上手、自訂性高、網絡上支援豐富的代碼編輯器。

💻
VS Code 是一款相當容易上手、自訂性高、網絡上支援豐富的代碼編輯器。

其實也可以直接在Github用雲端版

即便沒在客服端安裝VS Code 其實我們可以直接在Github 中的編輯模式使用,只需在Github 任意位置輸入 . 即可,又或是直接在倉庫的網址輸入的Github.io 更改爲Github.dev 即可。

VS Code 快捷鍵介紹

就像Markdown語法一樣,盡可能的多用快捷鍵,少用鼠標,效率就是一切!所以習慣鍵盤佈局,是很重要的。

  • 切換標籤頁 - 其中一個就像是瀏覽器的快捷鍵 alt + Tab ,又或是 alt + "標籤頁的由左到右的順序" ,如果太多標籤頁的話也可以 ctrl + P 直接搜索標籤頁。
  • 關閉標籤頁 - ctrl + w 就可以關閉當前的標籤頁
  • 關閉所有的標簽頁 - ctrl + k + w
  • ctrl + b 關閉或是開啓sidebar
  • 雙開頁面 - ctrl + \ 可以很方便的同時看兩個視窗,在大屏幕上相當的實用,另外 ctrl + "數字“ 就是切換不同的視窗。
  • 儲存 - ctrl + s
  • 直接掠過區塊 ctrl + 方向鍵 ,選擇 shift + 方向鍵
  • 備注 - ctrl + / 可以將選中的段落變成 <!– --> 用來做備注很有用。
  • 刪除段落 - ctrl + x 就能將段落刪除,也可以是 cut
  • 複製並張貼 - alt + shift + down 就可以直接複製粘貼
  • 替換 - ctrl + H 就像 Excel一樣替換
  • 如果想在多段落同時編寫一樣的内容,可以使用 alt 接著編輯,`alt + 方向鍵` 可以將整行程式碼移動。
  • 程式出處 - ctrl 接著在鼠標可以預覽之前的程式名,就可以找到了。

VS Code 插件

目前常用也好用的有:

  • Live Server - 網頁開發必備
  • Prettier  - alt shift f 又或是 format on save ✔ 就可以了,每當你save后,你的code就會很整齊。

VS Code 主題

我目前主要用的是Github Theme,看起來相當的舒服,但是個花入各眼,VS Code 的主題可能也滿足不了你的話,可以到 Theme Studio 製作屬於你自己的主題。

Theme Studio: Create VS Code Themes!
Create VS Code Themes with Theme Studio!