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

摘要:
5.成功后显示

1.安装插件

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

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

 2.禁用自动类型获取

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

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

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

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

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

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

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

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

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

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

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

 5.成功后的显示

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

免责声明:文章转载自《解决vscode开发react项目没有代码提示问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇NPOI 导出Excel插入图片、设置边框样式、合并单元格、字体样式等小知识kafka一个broker挂掉无法写入下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

React之JSX循环遍历方法对比

JSX支持遍历语法,如下 除了上面数组遍历方式,还有另一种,如下所示 结合for循环(外部) 注意: 主流循环写法是 map,jsx里面不能用for循环,因为for循环不是表达式。可以用Array::map方法,注意给返回的每一个组件设置一个唯一的key。 ....

React加Ant Design实现的一个登陆界面及小案例

如果你没有安装过react脚手架的就需要先安装: 在cmd输入命令安装: 可以在cmd输入create-react-app 项目名称    来创建一个react项目 建好后在输入命令:npm install antd --save 来下载安装ant Design框架 然后就可以输入命令:npm start 来启动运行项目了 在HBuilder里导入打开...

解决vscode无法提示golang的问题

https://github.com/Microsoft/vscode-go/wiki/Go-with-VS-Code-FAQ-and-Troubleshooting Q: Auto-completions stopped working. What do I do? Run gocode close in a terminal and try agai...

小窥React360——用React创建360全景VR体验

前言    混迹VR届的发烧友兼开发者们一定不要错过这款FaceBook推出的跨端VR开发框架——React360,称为360全景体验框架更为准确,因为其前身是FaceBook和Oculus2017年发布的一个叫作“Racet VR”的JS库,用来在web端创建3D和VR体验。后来Oculus使用该框架的原生C++版本构建自己部分应用,随着时间推移,由于要...

Reactjs相比较原生方案是绝对的快吗?哪些情况下React有优势

作者:尤雨溪链接:http://www.zhihu.com/question/31809713/answer/53544875来源:知乎著作权归作者所有,转载请联系作者获得授权。   1. 原生 DOM 操作 vs. 通过框架封装操作。这是一个性能 vs. 可维护性的取舍。框架的意义在于为你掩盖底层的 DOM 操作,让你用更声明式的方式来描述你的目的,从...

React中的AES加解密请求

引言   在我们使用React开发Web前端的时候,如果是比较大的项目和正常的项目的话,我们必然会用到加解密,之前的文章中提到.NET的一些加解密,那么,这里我就模拟一个例子:   1.后台开发API接口,但API接口需要加密请求,或者需要解密输出参数   2.前端使用React开发web调用API接口 让我们开始吧   那么针对于上述问题,我们可以使用"...