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

1.安装插件

在插件库搜索:Reactjs code snippets,进行安装

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

 2.禁用自动类型获取

打开设置,在搜索栏输入:@tag:usesOnlineServices,找到TypeScript:Disable Automatic Type Acquistion,将其禁用

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

 3.解决JSX中tab没有自动补全

在JSX中HTML标签按tab键没有自动补全可以在搜索框中输入:Include Languages,选择Emmet,并在Emmet:include language下点击在setting.json中编辑,

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

 将下面配置添加到配置文件中:

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

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

 4.解决组件中tab没有自动补全

在搜索框中输入Trigger Expansion On Tab,选择Emmet:Trigger Expansion On Tab将其勾选上。

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

 5.成功后的显示

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

 

上一篇:使vscode vue 文件支持emmet


下一篇:NOIP模拟67