vs-code插件 外部引入css样式 class代码提示(html vue react有效)
一、 css-class-intellisense插件名称名称: css-class-intellisenseID: tarrow.css-class-intellisense说明: css class 智能提示版本: 3.2.0发布者: TarrowVS Marketplace 链接: https://marketplace.visualstudio.com/items?itemName=Tar
前言
用过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代码提示
更多推荐
所有评论(0)