安装 VS Code 后,CSS 仍可能由文本编辑或其他编辑器打开。Finder 的默认应用由 macOS 管理;VS Code 内的 CSS 语言模式只影响文件打开后的编辑体验,两者是不同设置。
方法一:使用 Finder
- 在 Finder 中选中一个文件,例如 styles.css。
- 按 Command–I,或从“文件”菜单选择“显示简介”。
- 展开“打开方式”,选择 Visual Studio Code。找不到时选择“其他”并浏览已安装的应用。
- 点击“全部更改”,并确认系统提示。
- 双击另一个同类型文件,检查是否使用新应用。
方法二:用 Pahkui 集中管理
Pahkui 支持按应用或按格式浏览。当你要为编辑器配置多个格式时,可以在一个窗口里查看当前应用、选择目标应用并检查更改。需要 macOS 14 或更新版本。
- 打开 Pahkui,选择“按格式”,搜索 .css 中需要的扩展名。
- 选择 Visual Studio Code。如果没有列出,使用“选择其他应用”找到它。
- 检查待更改的关联,点击“应用更改”,在 macOS 弹窗中确认使用新应用。
本指南的格式需要 Pahkui Pro,一次付费,永久使用。 Finder 的手动方法无需购买。 查看价格

没有生效时检查什么
- 列表里没有 VS Code 时,选择“其他”,找到“应用程序”中的 Visual Studio Code.app;尚未安装时先安装并打开一次。
- 如果只有 styles.css 改了打开方式,确认是否点击“全部更改”。右键菜单的“打开方式”适合临时打开一次。
- .scss 和 .less 是其他文件类型。如果也要使用 VS Code,请分别设置并检查。
常见问题
编辑 CSS 需要安装 VS Code 扩展吗?
VS Code 自带 CSS 语言支持,单纯编辑 CSS 不需要额外安装扩展。扩展可以提供其他工具。
修改 files.associations 能改变 Mac 默认应用吗?
不能。它设置的是 VS Code 内的语言模式。Mac 双击文件时启动哪个应用,需要在 Finder 或 Pahkui 中设置。