vscode中怎么写css代码就出现提示

在VSCode中，可以通过安装相应的插件来实现CSS代码的提示功能。以下是一些常用的插件：

1. CSS IntelliSense：该插件提供了CSS属性的自动完成和提示功能，支持各种CSS预处理器（如LESS、Sass等）。在安装插件后，只需在CSS文件中输入属性的部分名称，然后按下Tab键，即可跳转到相应的属性。

2. IntelliSense for CSS class names in HTML：该插件提供了在HTML文件中引用CSS class名称时的自动补全和提示功能。安装插件后，只需在HTML文件中输入class属性的值的一部分，然后按下Tab键或者使用快捷键Ctrl+Space，即可显示可用的CSS class名称列表。

3. stylelint：该插件用于实时检查CSS代码是否符合指定的代码规范，并提供相关的错误和警告提示。安装插件后，在编辑CSS文件时，会自动进行代码检查，并在代码出现问题时给出提示。

4. CSS Peek：该插件可以帮助查找和导航到CSS选择器定义的位置。在安装插件后，只需在CSS文件中选中某个选择器名称，然后按下F12键，即可跳转到该选择器的定义处。

以上是一些常用的在VSCode中写CSS代码出现提示的插件，可以根据自己的需求选择适合的插件进行安装和使用。安装插件的步骤是先打开VSCode，然后点击“扩展”按钮（或按下Ctrl+Shift+X快捷键），在搜索框中输入对应的插件名称，然后点击安装即可。

在VSCode中写CSS代码时可以通过以下方式获得代码提示：

1. 安装CSS插件：在VSCode的扩展市场中搜索并安装流行的CSS插件，例如”CSS IntelliSense”或”Bracket Pair Colorizer”。这些插件会增强VSCode的CSS功能，提供更好的代码提示和语法高亮。

2. 设置语言模式：在VSCode底部右侧的语言模式栏中，点击选择”CSS”作为当前文件的语言模式。这样VSCode会根据CSS语法来提供相应的代码提示。

3. 使用Emmet缩写：Emmet是一个快速编写HTML和CSS代码的工具，VSCode默认集成了Emmet插件。在编写CSS选择器时，可以使用Emmet缩写来快速生成代码。例如，输入`bg`然后按下Tab键，会生成`background:`，继续输入`co`然后按下Tab键，会生成`color:`等。

4. 注释代码：在写CSS代码时，可以使用注释来提高代码的可读性，并帮助VSCode更好地识别CSS属性。例如，在属性后面添加注释可以提示属性的作用，或者在代码块周围添加注释可以提示该块的作用。

5. 查阅文档：如果遇到不熟悉的CSS属性或者写法，可以使用VSCode的文档查阅功能。通过选中CSS属性或者键入`Ctrl + Space`来打开提示框，然后点击右侧的小书籍图标，可以查看该属性的详细文档和用法示例。

总结起来，安装适当的插件、设置语言模式、使用Emmet缩写、注释代码和查阅文档是在VSCode中写CSS代码时获得代码提示的有效方法。

在VSCode中写CSS代码时可以通过安装扩展、使用CSS IntelliSense和设置CSS配置文件等方法来实现代码自动提示。

方法一：安装扩展
1. 打开VSCode，点击左侧的扩展图标（或按下Ctrl+Shift+X）。
2. 在搜索框中输入“CSS IntelliSense”并选择相关扩展进行安装。
3. 安装完毕后重启VSCode。

方法二：使用CSS IntelliSense
1. 在打开的CSS文件中输入选择器或属性时，会自动出现代码提示。
2. 在选择器后输入“.”，然后输入类名或ID名称，会自动出现与之匹配的类名或ID名称列表。
3. 在写属性时，输入属性名的开头几个字母时，会自动出现与之匹配的属性。
4. 选择属性时，会根据属性的值的类型提供相应的代码提示，如颜色、尺寸、字体等。

方法三：设置CSS配置文件
1. 打开VSCode的首选项（File->Preferences->Settings）。
2. 在设置面板中点击“Extensions”。
3. 选择“CSS”后，会进入CSS配置页面。
4. 在该页面中可以设置各种CSS配置选项，包括是否启用代码提示、代码提示的延迟时间、是否在打开的文件中同样使用CSS代码提示等。
5. 完成设置后，重新打开CSS文件，即可享受代码提示的功能。

另外, VSCode还有一些其他的相关插件可以提供代码提示，比如“Emmet”，它可以通过简写语法生成HTML和CSS代码，提高代码编写速度。可以通过类似上面的方法安装并启用这些插件来获得更好的代码提示效果。 使用这些方法，可以在VSCode中写CSS代码时获得更方便的提示，提高编码效率。