Personal PHP Web-Development Setup

These are my minimum requirements for an elegant and easy-to-use development environment with VS Code.

Editor

I am using Visual Studio Code as my main editor for several months now. It's perfomance, look & feels, available plugins and features makes it the perfect every-day editor for me. The only thing I'm missing is an equivalent Symfony plugin as it exists for PHPStorm.

Coupled with the following packages it has excellent autocompletion, code-formatting and many more.

Global Composer Packages

Get and install composer as described here.
Install packages with composer global require <package_name>.

phpstan/phpstan - PHP Static Analysis Tool
deployer/deployer - PHP Deployment Tool
squizlabs/php_codesniffer - PHP Coding Standard Analysis
phpunit/phpunit - PHP Unit Testing Framework

Global NPM Packages

Get and install NodeJS as described here. Alternatively use YARN.
Install packages with npm install -g <package_name>.

eslint - A fully pluggable tool for identifying and reporting on patterns in JavaScript
prettier - Opinionated Code Formatter
@prettier/plugin-php - Prettier PHP Support

VSCode Extensions

Those can be found in the inbuilt extension manager.

PHP

PHP Debug - Debug support for PHP with XDebug
PHP DocBlockr - Helps Writing PHPDoc
PHP Getters & Setters - Create PHP getters and setters from class properties
PHP Intelephense - PHP code intelligence for Visual Studio Code
PHP Static Analysis - Static analysis support for PHP with PhpStan
phpcs - Static analysis support for PHP with PhpStan
Twig - Syntax highlighting for PHP Twig

JavaScript/ECMAScript

ESLint - Integrates ESLint JavaScript into VS Code
Vetur - Vue tooling for VS Code

Appereance

Nomo Dark Icon Theme - Icon Theme
Paper-tmTheme - Color Scheme

Misc

Beautify - Beautify code in place for VS Code
Bracket Pair Colorizer 2 - A customizable extension for colorizing matching brackets
DotENV - Support for dotenv file syntax
EditorConfig for VS Code - EditorConfig Support for Visual Studio Code
Prettier - Code formatter - VS Code plugin for prettier/prettier
Project Manager - Easily switch between projects

Font

There are a variety of fonts which come down to personal preference. The ones I use the most are:

Hack - A typeface designed for source code
Fira Code - Monospaced font with programming ligatures

VSCode Settings

{
    "explorer.openEditors.visible": 0,
    "git.autofetch": true,

    // Editor
    "editor.fontLigatures": true, // needed if using Fira Code
    "editor.fontFamily": "'Hack', monospace",
    "editor.fontSize": 13,
    "editor.formatOnSave": true,
    "editor.wordWrapColumn": 120,

    // Workbench
    "workbench.colorTheme": "Paper Dark",
    "workbench.editor.enablePreview": false,
    "workbench.iconTheme": "vs-nomo-dark",

    // Project Manager
    "projectManager.git.baseFolders": [
        "C:\\Users\\<USERNAME>\\Development" // whatever your path is
    ],
    "projectManager.git.ignoredFolders": [
        "node_modules",
        "out",
        "build",
        "typings",
        "test",
        ".haxelib",
        "vendor"
    ],

    // PHP
    "intelephense.licenceKey": "YOUR-LICENSE-KEY", // comment if you don't have one
    "phpcs.executablePath": "C:\\Users\\<USERNAME>\\AppData\\Roaming\\Composer\\vendor\\bin\\phpcs.bat", // This is on windows

    // Formatting
    "eslint.autoFixOnSave": true,
    "beautify.language": {
        "html": [
            "html",
            "vue"
        ],
        "css": [],
        "js": []
    }
}

marco-kretz / dev-setup