JSONC language preview

1. tsconfig.json

JSON with // and /* */ comments

horizon-dark

{
  // TypeScript compiler options
  "compilerOptions": {
    "target": "ESNext",
    "strict": true,
    /* module resolution */
    "moduleResolution": "bundler",
    "skipLibCheck": true
  },
  "include": ["src"]
}

atom-one-dark

{
  // TypeScript compiler options
  "compilerOptions": {
    "target": "ESNext",
    "strict": true,
    /* module resolution */
    "moduleResolution": "bundler",
    "skipLibCheck": true
  },
  "include": ["src"]
}

github-dark

{
  // TypeScript compiler options
  "compilerOptions": {
    "target": "ESNext",
    "strict": true,
    /* module resolution */
    "moduleResolution": "bundler",
    "skipLibCheck": true
  },
  "include": ["src"]
}

dracula

{
  // TypeScript compiler options
  "compilerOptions": {
    "target": "ESNext",
    "strict": true,
    /* module resolution */
    "moduleResolution": "bundler",
    "skipLibCheck": true
  },
  "include": ["src"]
}

nord

{
  // TypeScript compiler options
  "compilerOptions": {
    "target": "ESNext",
    "strict": true,
    /* module resolution */
    "moduleResolution": "bundler",
    "skipLibCheck": true
  },
  "include": ["src"]
}

github

{
  // TypeScript compiler options
  "compilerOptions": {
    "target": "ESNext",
    "strict": true,
    /* module resolution */
    "moduleResolution": "bundler",
    "skipLibCheck": true
  },
  "include": ["src"]
}

2. VS Code settings

comments alongside standard JSON values

horizon-dark

{
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  // disable telemetry
  "telemetry.telemetryLevel": "off",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": false
  }
}

atom-one-dark

{
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  // disable telemetry
  "telemetry.telemetryLevel": "off",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": false
  }
}

github-dark

{
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  // disable telemetry
  "telemetry.telemetryLevel": "off",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": false
  }
}

dracula

{
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  // disable telemetry
  "telemetry.telemetryLevel": "off",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": false
  }
}

nord

{
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  // disable telemetry
  "telemetry.telemetryLevel": "off",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": false
  }
}

github

{
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  // disable telemetry
  "telemetry.telemetryLevel": "off",
  "files.exclude": {
    "**/.git": true,
    "**/node_modules": false
  }
}

3. Numbers, strings, and literals

standard JSON value types

horizon-dark

{
  "name": "svelte-highlight",
  "version": "1.0.0",
  "count": 42,
  "ratio": 0.75,
  "enabled": true,
  "disabled": false,
  "empty": null
}

atom-one-dark

{
  "name": "svelte-highlight",
  "version": "1.0.0",
  "count": 42,
  "ratio": 0.75,
  "enabled": true,
  "disabled": false,
  "empty": null
}

github-dark

{
  "name": "svelte-highlight",
  "version": "1.0.0",
  "count": 42,
  "ratio": 0.75,
  "enabled": true,
  "disabled": false,
  "empty": null
}

dracula

{
  "name": "svelte-highlight",
  "version": "1.0.0",
  "count": 42,
  "ratio": 0.75,
  "enabled": true,
  "disabled": false,
  "empty": null
}

nord

{
  "name": "svelte-highlight",
  "version": "1.0.0",
  "count": 42,
  "ratio": 0.75,
  "enabled": true,
  "disabled": false,
  "empty": null
}

github

{
  "name": "svelte-highlight",
  "version": "1.0.0",
  "count": 42,
  "ratio": 0.75,
  "enabled": true,
  "disabled": false,
  "empty": null
}