VS Code Extensions

A selection of useful VS Code extensions.

Beautify

Beautify code in place for VS Code

CSS Peek

Allow peeking to css ID and class strings as definitions from html files to respective CSS. Allows peek and goto definition.

Sass

Indented Sass syntax highlighting, autocomplete & snippets

Debugger for Chrome

Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol.

Diff Tool

Take a diff of 2 files

minify

Minify for VS Code. Minify with command, and (optionally) re-minify on save.

Path Intellisense

Visual Studio Code plugin that autocompletes filenames

PHP IntelliSense

Advanced Autocompletion and Refactoring support for PHP

REST Client

REST Client for Visual Studio Code

Git History

View git log, file history, compare branches or commits

Git Tree Compare

Diff your worktree against a branch or tag in a tree — especially useful for pull request preparation or merge preview

GitLens — Git supercharged

Supercharge the Git capabilities built into Visual Studio Code — Visualize code authorship at a glance via Git blame annotations and code lens, seamlessly navigate and explore Git repositories, gain valuable insights via powerful comparison commands, and so much more

PHP Setup

{
      // Enable crash reports to be sent to a Microsoft online service. 
  // This option requires restart to take effect.
  "telemetry.enableCrashReporter": false,

  // Enable usage data and errors to be sent to a Microsoft online service.
  "telemetry.enableTelemetry": false,

  "php.validate.executablePath": "D:\\xampp\\php\\php.exe",
  "php.executablePath": "D:\\xampp\\php\\php.exe",
  "gitlens.mode.active": "zen"
}