Skip to content

Latest commit

 

History

History
127 lines (107 loc) · 4.91 KB

File metadata and controls

127 lines (107 loc) · 4.91 KB

WordPress Backend Development System Setup

Windows Setup Checklist

1. Local Development Environment

  • Flywheel Local:
    • Download and install Flywheel Local for Windows.
    • Configure Local for WordPress development (set up PHP version, database settings, and HTTPS).

2. Code Editor

  • Visual Studio Code:
    • Download and install Visual Studio Code for Windows.
    • Install relevant extensions:
      • PHP Intelephense (for PHP development).
      • WordPress Snippets (for WordPress-specific code).
      • ESLint (for JavaScript linting).
      • Prettier (for code formatting).
      • GitLens (for Git integration in VS Code).

3. Version Control

  • GitHub Desktop:
  • Git:
    • Install Git for Windows.
    • Configure global git settings:
      git config --global user.name "Your Name"
      git config --global user.email "your.email@example.com"
      

4. Database Management

  • Use Adminer or phpMyAdmin bundled with Flywheel Local to manage databases.

5. PHP & Composer

  • PHP: Install the version you’re working with from the Windows PHP repository.
  • Composer: Download and install Composer for managing dependencies:
    composer -v
    

6. Debugging Tools

  • Xdebug: Verify Xdebug is properly configured in Flywheel Local.
  • Query Monitor: Install the Query Monitor plugin in your WordPress site to check database queries and performance.
  • Debug Bar: Install the Debug Bar plugin for additional debugging.
  • PHP Error Logging: Enable PHP error logging in your php.ini file or Flywheel Local’s PHP settings.
  • Chrome Developer Tools: Use Chrome's DevTools for inspecting front-end issues.

7. Additional Tools

  • Node.js: Download Node.js for building front-end assets and task runners (e.g., Gulp, Webpack).
  • WP-CLI: Install WP-CLI for managing WordPress via command line.

Ubuntu Setup Checklist

1. Local Development Environment

  • Flywheel Local:
    • Download and install Flywheel Local for Ubuntu. Use the .deb file.
    • Configure Local for your preferred PHP version and database settings.

2. Code Editor

  • Visual Studio Code:
    • Install VS Code from the terminal:
      sudo snap install code --classic
      
    • Install relevant extensions:
      • PHP Intelephense (for PHP development).
      • WordPress Snippets (for WordPress-specific code).
      • ESLint (for JavaScript linting).
      • Prettier (for code formatting).
      • GitLens (for Git integration in VS Code).

3. Version Control

  • GitHub Desktop (Alternative: GitKraken or CLI):
    • GitHub Desktop is not natively available for Linux. Consider using GitKraken or the Git CLI instead.
    • GitKraken: Download from the GitKraken website.
    • Git CLI:
      sudo apt update
      sudo apt install git
      git config --global user.name "Your Name"
      git config --global user.email "your.email@example.com"
      

4. Database Management

  • Use Adminer or phpMyAdmin from Flywheel Local or directly install them using terminal commands for standalone use.

5. PHP & Composer

  • PHP: Install the desired PHP version:
    sudo apt install php
    
  • Composer: Install Composer globally:
    sudo apt update
    sudo apt install curl php-cli php-mbstring unzip
    curl -sS https://getcomposer.org/installer | php
    sudo mv composer.phar /usr/local/bin/composer
    composer -v
    

6. Debugging Tools

  • Xdebug: Ensure that Xdebug is enabled in Flywheel Local.
  • Query Monitor: Install the Query Monitor plugin in your WordPress instance for query analysis.
  • Debug Bar: Install the Debug Bar plugin for additional debugging.
  • PHP Error Logging: Enable error logging via php.ini or Flywheel Local's settings.
  • Chrome Developer Tools: Use Chrome’s DevTools for front-end debugging.

7. Additional Tools

  • Node.js: Install Node.js for front-end development:
    sudo apt install nodejs npm
    

General Tools (Both Windows & Ubuntu)

  • WP-CLI: Install WP-CLI for managing WordPress via command line:
    • Windows: Install WP-CLI manually.
    • Ubuntu:
      curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
      chmod +x wp-cli.phar
      sudo mv wp-cli.phar /usr/local/bin/wp
      wp --info