常用插件

• vs code中文插件

  
  
  image.png

• 后綴自動(dòng)補(bǔ)全

  
  
  image.png

• 同步修改標(biāo)簽

  
  
  image.png

• 彩虹括號(hào)

  
  
  image.png

• less

  
  
  image.png

• ES lint 語法檢測

  
  
  image.png

• HTML CSS JS 輸入提示

  
  
  image.png

• 跳轉(zhuǎn)到瀏覽器打開網(wǎng)頁

  
  
  image.png

• 路徑補(bǔ)全

  
  
  image.png

• vs code左側(cè)的圖標(biāo)修改主題

  
  
  image.png

• 多數(shù)人使用的主題

  
  
  image.png

• vue語法提示，vue模板補(bǔ)全

  
  
  image.png

舒適的使用

• 打開vscode 設(shè)置，修改字體大小為自己感到舒服的大小，編程字體建議用consolas，第二個(gè)寫微軟雅黑字體，在寫中文的時(shí)候就不會(huì)顯示默認(rèn)的宋體。

  
  
  image.png

• 在設(shè)置上面輸入.se打開提示的settings.json編輯

  
  
  image.png
  
  

  下面的代碼可以修改注釋的顏色，可以改成自己看著舒服的顏色

  
  
  image.png

  "editor.tokenColorCustomizations": {
        "comments": "#408653", // 注釋
    },

• 取消注釋的斜體展示
  打開使用的主題，右鍵，選擇擴(kuò)展設(shè)置

  
  
  image.png
  
  

  把那個(gè)斜體的關(guān)掉就行，如果函數(shù)名要加粗可以把第一個(gè)勾勾上

  
  
  image.png