为什么VSCode里面HTML没有CSS和JS提示了

html-css024

为什么VSCode里面HTML没有CSS和JS提示了,第1张

css和html的结合方式:

第一种:在每个html中都有一个属性style,在style属性里面写css代码

格式:style="属性名称1:属性值;属性名称2:属性值"

例:

第一种结合方式

第二种:使用html的标签实现

格式:选择器{属性名称1:属性值;属性名称2:属性值}

例:

div {

background-color:red

}

p {

color:blue

}

第三种:首先创建css文件,在css文件中写css代码,其次在html文件的标签中实现

格式:@import url(css文件的路径)

第四种:引入外部的资源文件,使用头标签link实现

格式:

js和html的结合方式:

第一种:使用html的标签

格式:js代码

第二种:首先创建js文件,其次在html文件中引用

格式:

zend studio现在已经更名为emmet了,设置html和css等的提示方法:

方法1、在不提示的项目上鼠标右键,打开菜单,选择Build Path->Configure Build Path,在弹出窗口中选择PHP Build Path->Add Folder...,把当前项目添加到build path。

如果函数突然不提示,可以先用这个方法检查build path有没有当前项目。但比较多情况是从外部导入项目(例如svn),会没有build path数据。

方法2、先取消菜单Project->Build Automatically的选中状态,再点击Project->Clean...清理项目,再重新选中Project->Build Automatically。这个方法我用得最多。

方法3、打开zend studion的wordspace目录(如果不知wrodspace目录在哪,可以打开菜单file->switch wordspace->other...查看),接着到这个文件夹,打开文件目录.metadata->.plugins->org.eclipse.core.runtime->.settings。到了.settings目录之后,删除org.eclipse.dltk.ui.prefs文件。然后刷新项目或重启Zend Studio。

使用eclipse自带的插件,无需另外安装插件,具体步骤如下

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按钮

3.继续打开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,导入刚刚编辑的文件后,所有设置完毕。