Mac 如何默认用 VS Code 打开 CSS 文件

在 Finder 中选中一个 .css 文件,按 Command–I 打开“显示简介”,在“打开方式”中选择 Visual Studio Code,再点“全部更改”。之后双击同类型 CSS 文件就会使用 VS Code。

安装 VS Code 后,CSS 仍可能由文本编辑或其他编辑器打开。Finder 的默认应用由 macOS 管理;VS Code 内的 CSS 语言模式只影响文件打开后的编辑体验,两者是不同设置。

方法一:使用 Finder

  1. 在 Finder 中选中一个文件,例如 styles.css。
  2. 按 Command–I,或从“文件”菜单选择“显示简介”。
  3. 展开“打开方式”,选择 Visual Studio Code。找不到时选择“其他”并浏览已安装的应用。
  4. 点击“全部更改”,并确认系统提示。
  5. 双击另一个同类型文件,检查是否使用新应用。

方法二:用 Pahkui 集中管理

Pahkui 支持按应用或按格式浏览。当你要为编辑器配置多个格式时,可以在一个窗口里查看当前应用、选择目标应用并检查更改。需要 macOS 14 或更新版本。

  1. 打开 Pahkui,选择“按格式”,搜索 .css 中需要的扩展名。
  2. 选择 Visual Studio Code。如果没有列出,使用“选择其他应用”找到它。
  3. 检查待更改的关联,点击“应用更改”,在 macOS 弹窗中确认使用新应用。

本指南的格式需要 Pahkui Pro,一次付费,永久使用。 Finder 的手动方法无需购买。 查看价格

Pahkui 按格式浏览文件关联的界面
按格式查看应用关联;截图展示界面,具体文件类型以实际选择为准。

没有生效时检查什么

  • 列表里没有 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 中设置。

参考资料

让文件用你喜欢的应用打开

用 Pahkui 浏览文件格式和默认应用,集中检查并应用更改。

下载 Mac 版

相关指南

Visual Studio Code · .html, .htm

Mac 如何将 VS Code 设为 HTML 默认编辑器

让 Mac 双击 HTML 文件时用 Visual Studio Code 编辑,而不是用浏览器预览,并了解默认浏览器与文件打开方式的区别。

Visual Studio Code · .json

Mac 如何默认用 VS Code 打开 JSON 文件

将 Visual Studio Code 设为 macOS 的 JSON 默认打开应用,解决 JSON 用文本编辑打开的问题,区分 .json 与 .jsonc 的设置。

Visual Studio Code · .py

Mac 如何默认用 Visual Studio Code 打开 .py 文件

在 Mac 上将 Visual Studio Code 设为 .py 的默认打开应用。提供 Finder 和 Pahkui 操作步骤,并解答双击会运行 Python 程序吗等问题。

Visual Studio Code · .js, .mjs, .cjs

Mac 如何默认用 Visual Studio Code 打开 .js, .mjs, .cjs 文件

在 Mac 上将 Visual Studio Code 设为 .js, .mjs, .cjs 的默认打开应用。提供 Finder 和 Pahkui 操作步骤,并解答这会修改 JavaScript 默认运行环境吗等问题。

Visual Studio Code · .ts, .tsx

Mac 如何默认用 Visual Studio Code 打开 .ts, .tsx 文件

在 Mac 上将 Visual Studio Code 设为 .ts, .tsx 的默认打开应用。提供 Finder 和 Pahkui 操作步骤,并解答为什么 .ts 视频被编辑器打开等问题。

Visual Studio Code · .yaml, .yml

Mac 如何默认用 Visual Studio Code 打开 .yaml, .yml 文件

在 Mac 上将 Visual Studio Code 设为 .yaml, .yml 的默认打开应用。提供 Finder 和 Pahkui 操作步骤,并解答修改默认应用能修复 YAML 错误吗等问题。

查看全部软件和格式指南