Complete setup instructions for the Clarion Extension.
- Visual Studio Code v1.60.0 or later (latest version recommended)
- Clarion installed on your system (for compilation features)
- Clarion 6.3 or later supported
- Clarion 11 recommended
- Windows 7 or later
- Windows 10/11 recommended
- Open Visual Studio Code
- Press
Ctrl+Shift+Xto open the Extensions view - Search for "Clarion Extensions" by msarson
- Click the Install button
- Restart VS Code if prompted
That's it! The extension is now installed.
- Open any
.clwfile (or create a new one) - Check the bottom-right status bar - you should see "Clarion" indicating the language mode
- Syntax highlighting should be active
If you don't see this, try:
- Restarting VS Code
- Manually setting language mode: Click the language indicator → Select "Clarion"
When you open a Clarion solution for the first time, the extension will prompt you to configure:
- What it's for: Locates
ClarionCl.exefor compilation - When prompted: Select your Clarion installation folder
- Example:
C:\Clarion11\Bin
Manual configuration:
- Press
Ctrl+Shift+P - Type "Clarion: Set Clarion Path"
- Browse to your Clarion BIN directory
- What it's for: Redirection configuration (where to find included files)
- When prompted: Select your
.clarion.propertiesfile - Can be: Project-specific or global
Manual configuration:
- Press
Ctrl+Shift+P - Type "Clarion: Set Clarion Properties"
- Browse to your properties file
- What it's for: Debug vs Release builds
- When prompted: Select Release or Debug
- Default: Release
Manual configuration:
- Click the configuration in the status bar (bottom-right)
- Or press
Ctrl+Shift+P→ "Clarion: Set Configuration"
All settings are saved in .vscode/settings.json within your solution folder:
{
"clarion.clarionPath": "C:\\Clarion11\\Bin",
"clarion.propertiesPath": "C:\\MyProject\\.clarion.properties",
"clarion.configuration": "Release|Win32"
}Benefits:
- Settings persist when reopening the solution
- Settings can be committed to version control
- Team members share the same configuration
What changed in v0.7.3:
- Extension now uses folder-based workflow instead of workspace files
- Settings stored in
.vscode/settings.jsoninstead of.code-workspacefiles - Simpler: Just File → Open Folder (no workspace files needed)
Migration:
- Your old
.code-workspacefiles still work - But you can now simply open the folder containing your solution
- Settings automatically migrate to
.vscode/settings.json - Recommendation: Switch to folder-based workflow
Important: If you have the fushnisoft.clarion extension installed:
- Uninstall BOTH extensions:
- fushnisoft.clarion
- msarson.clarion-extensions
- Reinstall only msarson.clarion-extensions v0.7.0 or later
Why: Older versions had a dependency on fushnisoft.clarion that prevents individual uninstallation. All syntax highlighting is now included - you no longer need fushnisoft.clarion.
{
"editor.quickSuggestions": {
"comments": false,
"strings": true,
"other": true
},
"editor.acceptSuggestionOnCommitCharacter": true,
"editor.acceptSuggestionOnEnter": "on"
}{
"clarion.unreachableCode.enabled": false
}{
"clarion.pasteAsClarionString.lineTerminator": "crlf", // "space", "crlf", or "none"
"clarion.pasteAsClarionString.trimLeading": true
}{
"clarion.diagnostics.enabled": true,
"clarion.diagnostics.validateStructures": true,
"clarion.diagnostics.validateFiles": true
}MyProject/
├── .vscode/
│ └── settings.json # Extension settings
├── MySolution.sln # Solution file
├── MyApp.app # Application
├── MyApp.clw # Source files
├── includes/ # Include files
└── .clarion.properties # Redirection (optional)
Method 1: Open Folder (Recommended)
- File → Open Folder (
Ctrl+K Ctrl+O) - Select folder containing
.slnfile - Extension auto-detects solution
Method 2: Browse for Solution
- Open Clarion Tools sidebar
- Click "Browse for Solution"
- Navigate to
.slnfile
Method 3: Recent Solutions
- Open Clarion Tools sidebar
- Click any solution from Recent Solutions list
Symptoms:
- No syntax highlighting
- No status bar items
- No IntelliSense
Solutions:
- Check extension is installed and enabled:
Ctrl+Shift+X→ Search "Clarion Extensions"- Should show "Enabled"
- Restart VS Code
- Open a
.clwfile to trigger activation - Check Output panel:
View → Output→ Select "Clarion Extension"
Symptoms:
- Build fails with "ClarionCl.exe not found"
Solutions:
- Manually set Clarion path:
Ctrl+Shift+P→ "Clarion: Set Clarion Path"- Browse to Clarion BIN folder (e.g.,
C:\Clarion11\Bin)
- Check
settings.json:{ "clarion.clarionPath": "C:\\Clarion11\\Bin" } - Ensure path uses double backslashes (
\\)
Symptoms:
- No code completion
- No function hints
Solutions:
- Check file extension is
.clw,.inc, or.equ - Ensure solution is opened correctly (folder with
.sln) - Try reloading window:
Ctrl+Shift+P→ "Developer: Reload Window"
- Check Output panel for errors
If you have multiple Clarion versions installed:
- Set the path explicitly in settings:
{ "clarion.clarionPath": "C:\\Clarion11\\Bin" } - Or use the picker:
Ctrl+Shift+P→ "Clarion: Set Clarion Path"- Select the version you want to use
Now that you're installed:
- Quick Start Guide - Get coding in 5 minutes
- Common Tasks - Learn everyday workflows
- Navigation Features - Master F12 and Ctrl+F12
- Common Tasks - How-to recipes
- GitHub Issues - Report bugs
- Discussions - Ask questions