解決vscode開發react項目沒有代碼提示問題

https://www.jianshu.com/p/9e2eda067317

 

 

1. 沒有代碼提示，先安裝代碼提示插件Reactjs code snippets。在vscode編輯器最上方tab欄，點擊文件(F)-->首選項-->設置（快捷鍵Ctr+,)，在搜索框中輸入@tag:usesOnlineServices，找到TypeScript:Disable Automatic Type Acquistion，將其禁用

    

   

   react代碼提示插件.png
   
   
    

   

   禁用自動類型獲取.png

    

2. 沒有自動補全

• jsx中html標簽按tab鍵沒有自動補全，在vscode編輯器最上方tab欄，點擊文件(F)-->首選項-->設置（快捷鍵Ctr+,)，在搜索框中輸入Include Languages，選擇Emmet，並在Emmet：include language下點擊在setting.json中編輯，添加:

"emmet.includeLanguages": {
    "javascript": "javascriptreact"
},

 

打開設置.png

 

設置界面.png

• 組件按tab鍵沒有自動補全，同樣，在設置界面搜索框中輸入Trigger Expansion On Tab，選擇Emmet:Trigger Expansion On Tab將其勾選上。
  
   

  

  組件啟用Emmet.png

 

 

1人點贊

 

react

 

 

"小禮物走一走，來簡書關注我"