Eclipse中如何实现对css样式的自动提示

html-css09

Eclipse中如何实现对css样式的自动提示,第1张

Eclipse Java EE IDE for Web Developers.

Version: Luna Service Release 2 (4.4.2)

Build id: 20150219-0600

当我们想输入例如box-shadow属性的时候,发现没有自动提示。如果完全靠记忆难免出错。

鼠标右键点击此文件,选择【Properties】选项。

点击左侧的【Web Content Settings】,可以看到Css Profile选择的是none。没有定义Css的描述文件。

选择【CSS3:Cascading Style Sheets,level 3】选项,然后点击【OK】按钮保存设置。

12月15日更新

这是一个值得纪念的日子,经过若干个月若干个版本的等待,

VSCode 1.8中的HTML已提供完整的CSS与Javascript支持。

感谢一直以来关注这个问题的朋友,欢呼吧大家~

==================================================================

原回答

知乎首答……

升了1.3之后立马就发现这个问题了,js那个倒是很久之前就一直有了,超级不方便,也不知是怎么想的。

一开始以为是我电脑的bug,后来上了github才发现不只是我一个人遇到了这个问题。

然后仔细翻了一下1.3的doc发现CSS被提取出来了(可能是因为这个原因导致css in html的提示丢失了)

打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。

2.

点击插入Div,定义ID为text,点击确定。

3.

点击实时视图即可看到相应的效果。