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

html-css033

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】按钮保存设置。

初学者的话不建议使用自动提示,对于以后的成长没有好处。如果是老手,根本不需要提示啦

提示没了和你的编辑器有关系,EditorPlus是没有提示的,WebStorm自带提示,HBuider也有提示的。

如果使用中突然没有提示了,你可以到setting中看一下设置

完全智能提示HTML/JS/CSS代码

1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist

修改Auto Activation triggers for java的值为:zjava   点击apply按钮

如图:

2.继续打开JavaScript→Editor→Content Assist

修改Auto Activation triggers for javaScript的值为:zjs   点击apply按钮

如图:

.继续打开web→html Files→Editor→Content Assist

修改Prompt when these characters are inserted:的值为:zhtml  点击apply按钮

如图:

4.打开File→Export→Genral→Preferences→导出一文件到任意位置,然后用记事本打开此文件 ,Ctrl+F查找 zjava 然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zjs  然后将其值改为 .abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

再查找 zhtml  然后将其值改为 <=.abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVW

保存文件。

5.打开eclipse→File→Import→Genral→Preferences,导入刚刚编辑的文件后,所有设置完毕,现在去测试一下吧,是不是感觉比以前爽多了,哈哈,,,有问题可以直接回帖告诉我。

以下是调试成功后的图片: