之前看视频学习的时候,看到网上老师打一手缩写,Tab键一按自动补全。让每次写HTML的我真的是羡慕不已。终于再网上搜了一下,Emmet。看了官网文档和演示视频后,立马VScode安排了,可是想象中的自动补全根本没有。
Tab键都按爆了,还是不能补全。上网搜索,看了一篇Enable Emmet support for JSX in Visual Studio Code | React的文章(看文章应该需要科学上网),里面详细讲解了如何在react中自动补全JSX代码,我把他的步骤翻译成图,毕竟一图胜千言。
{
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}
}
这样就配置结束了,至于网上的教程也很多,有关于vue的,有关于tab键的,但是我都没有解决问题。所以自己写这个也是为了帮助还没有解决问题的盆友。感觉上效果图。
配置到此结束。
参考:https://medium.com/@eshwaren/enable-emmet-support-for-jsx-in-visual-studio-code-react-f1f5dfe8809c(应该需要科学上网)