解决vscode开发react项目没有代码提示问题

  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

你可能感兴趣的:(解决vscode开发react项目没有代码提示问题)