vs-code插件 外部引入css样式 class代码提示(html vue react有效)

前言

用过hbuilder 的都应该知道 他的编译器代码提示对于前端人员来说多么友好！不仅有代码提示 还会显示代码出处。

其实vs-code插件也可以实现hbuilder代码提示的类似功能。

一、 css-class-intellisense

插件名称名称: css-class-intellisense
ID: tarrow.css-class-intellisense
说明: css class 智能提示
版本: 3.2.0
发布者: Tarrow
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=Tarrow.css-class-intellisense

该插件只对html文件有效 但经过测试对angular 的html 文件无效

二、 IntelliSense for CSS class names in HTML

名称: IntelliSense for CSS class names in HTML
ID: zignd.html-css-class-completion
说明: CSS class name completion for the HTML class attribute based on the definitions found in your workspace.
版本: 1.20.0
发布者: Zignd
VS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

经测试 该插件对vue react有效，即vue后缀与jsx后缀有效
注意：react 的className 需要先敲一个空格才有代码提示
react中的classname代码提示

vue中的class代码提示