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代码提示
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43245095/article/details/117019414