解决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

 

 

"小礼物走一走，来简书关注我"