答案：VSCode通过Prettier可自动格式化import引入的CSS文件。需确保文件扩展名正确、语言模式匹配，并配置.prettierrc；安装Prettier插件后，启用保存时自动格式化，即可统一import语句与CSS内容的排版风格。
VSCode 格式化通过 import 引入的 CSS 文件，其实并不需要特别处理“import”语句本身。重点在于确保整个文件（如 JavaScript、TypeScript 或 Vue、React 组件）中的代码结构清晰，并且 CSS 文件能被正确识别和格式化。
1. 确保使用了正确的文件扩展名和语法
如果你在 JS/TS 文件中 import CSS：
import './styles.css';import '@/assets/global.css';
这类语句本身是标准 ES Module 语法，VSCode 默认就能识别并格式化。只要你的编辑器配置了正确的语言模式（比如 JavaScript 或 TypeScript），保存时会自动对齐引号、空格等。
2. 使用 Prettier 自动格式化 import 和 CSS 文件
Prettier 是最常用的代码格式化工具，支持 JS/TS/CSS/SCSS 等多种语言。
立即学习“前端免费学习笔记（深入）”；
- 安装 Prettier 插件：
在 VSCode 扩展市场搜索 Prettier - Code formatter 并安装。 - 确保项目根目录有 .prettierrc 配置文件，例如：
"semi": true,
"trailingComma": "es5",
"singleQuote": true,
"printWidth": 80
}
- 保存文件时自动格式化：打开 VSCode 设置，搜索 “format on save”，勾选启用。
这样，无论是 import 语句还是 CSS 内容，都会按规则统一排版。
3. 正确打开和编辑 CSS 文件以触发格式化
当你双击打开一个 .css 文件时，VSCode 应该自动识别为 CSS 语言模式（右下角显示 “CSS”）。如果不是：
- 点击右下角语言标识 → 选择 “Configure File Association for ‘.css’” → 选 “CSS”。
一旦语言模式正确，Prettier 或内置格式化器就能正常工作。
4. 手动格式化 import 语句或 CSS 内容
如果想立即格式化当前文件：
- 右键编辑器空白处 → 选择 “Format Document With…” → 选择 “Prettier”。
- 或使用快捷键：Shift + Alt + F**（Windows） / **Cmd + Shift + P → 输入 “Format Document”。
这会统一缩进、引号风格、换行等，包括 import 行的排版。
基本上就这些。只要配置好 Prettier 并开启保存自动格式化，import 导入的 CSS 文件和其内容都能被很好地格式化。不需要额外插件专门处理 import 的 CSS。关键是保持项目结构规范、工具链完整。
