前言
用过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代码提示