vscode怎么写css

Visual Studio Code (VSCode) 是一个强大的代码编辑器，支持多种语言包括 CSS 的编写。以下是使用 VSCode 编写 CSS 的基本步骤：

1. 安装插件：首先，你需要安装一个 CSS 预处理器插件，如 "Prettier - Code formatter" 或 "CSS Peek"，它们可以提供自动格式化、语法高亮和代码提示等功能。

2. 创建新文件：在 VSCode 中，点击左上角的“文件”菜单，选择“新建文件”，然后输入`.css`作为文件名后缀。

3. 编辑代码：你可以直接开始编写 CSS 代码，例如：

/* 使用注释 */
body {
  background-color: #f0f0f0;
}

.container {
  width: 80%;
  margin: 0 auto;
}

4. 代码提示和智能感知：如果你的代码包含 SCSS、Sass 或 Less 等预处理器，VSCode 可能会根据文件扩展名识别并提供语法支持。对于普通 CSS，你还可以通过 `Ctrl + Space` （Windows/Linux）或 `Cmd + Space`（Mac）快速获取属性列表和补全建议。

5. 格式化代码：按 `Ctrl + Shift + P`（Windows/Linux）或 `Cmd + Shift + P`（Mac），然后输入“Format Document”或类似命令进行格式化，保持代码整洁。

6. 集成浏览器预览：可以使用 Live Server 插件（"Live Server"）实时预览你的 CSS 效果，或者使用内置的浏览器插件，如 "Preview on Save"，以便每次保存更改时都能看到更新后的样式效果。