VScode使用技巧

2020-08-08 21:59:48

常用快捷鍵

  • ctrl+ +: 放大介面
  • ctrl+ -: 縮小介面
  • ctrl+ c: 註釋html程式碼
  • ctrl+ /: 註釋css程式碼
    https://www.bbsmax.com/A/x9J2yB9Ez6/

好用的外掛

在extension中搜尋安裝,不想用時候只要在extension中解除安裝即可。

  • auto rename tag
    修改前標籤名後,對應的後標籤名會自動修改。
  • auto close tag
    輸完前標籤後按回車或者>自動補全後面的標籤。
    +open in browser
    右鍵彈出選單中可選擇在瀏覽器中預覽寫的程式碼介面,注意寫完程式碼後要先儲存才能 纔能預覽。
  • Bracket Pair Colorizer 2
    讓配對的括號變成不同顏色方便區分
  • Prettier
    幫助格式化程式碼,使得程式碼更加整潔美觀。可以設定爲ctrl+S儲存時觸發prettier。下載完外掛後在設定中搜save,彈出來的選項中選中儲存時對程式碼進行格式化。
    在这里插入图片描述
  • live server 實時預覽html