SCSS and Less are stylesheet source languages that usually pass through a build step before a browser uses the resulting CSS. An editor default helps you reach that source quickly without changing your build pipeline.
Method 1: Use Finder
- In Finder, select a sample file such as theme.scss.
- Press Command–I, or choose File → Get Info.
- Expand Open with and choose Visual Studio Code. If it is missing, choose Other and locate the installed app.
- Click Change All and confirm the macOS prompt.
- Double-click another file of the same type to check the new default.
Method 2: Manage associations with Pahkui
Pahkui lets you browse by app or by format. When setting up an editor for several file types, you can inspect the current defaults and review pending changes in one window. Requires macOS 14 or later.
- Open Pahkui, switch to Format, and search for the extension you need from .scss, .less.
- Select Visual Studio Code. Use Choose another app if it is not listed.
- Review the pending association, click Apply changes, and confirm the new app in the macOS dialog.
The formats in this guide require Pahkui Pro, a one-time purchase for lifetime use. The manual Finder method does not require a purchase. See pricing
If the default app does not change
- Check .scss and .less separately; a default for .css does not cover every stylesheet source format.
- If browser styles do not update, inspect your stylesheet compiler or development server rather than the Finder association.
- If Visual Studio Code is missing, confirm it is installed and can open the sample directly, then locate it with Other. If an extension is absent from the catalog, add the format in Pahkui. Changing an association does not add format support to the target app.
Common questions
Will VS Code compile styles when I double-click?
Not merely from choosing it as the default. Compilation depends on your project tools or configured extensions.
How do I restore the previous app for .scss, .less?
Choose the previous app again in Finder or Pahkui and confirm the change. This updates the type association without deleting files. Use the Open With context menu for a one-time exception.