WordPress.org
Get WordPress
WordPress.org

WordPress Playground

Development Environments

Development Environments

Playground powers offers several development environments designed to streamline the process of setting up and managing WordPress sites. Each of these environments provides unique features to enhance the development experience, particularly focusing on ease of installation and use.

WordPress Playground Website

https://playground.wordpress.net/ is a versatile tool that allows developers to run WordPress in a browser without needing a server. This environment is particularly useful for testing plugins, themes, and other WordPress features quickly and efficiently.

Key Features:

  • Browser-based: No need for a local server setup.
  • Instant Setup: Run WordPress with a single click.
  • Testing Environment: Ideal for testing plugins and themes.

Playground CLI

@wp-playground/cli is a command-line tool that simplifies the WordPress development and testing flow. It provides a quick and easy way to set up a local WordPress environment with minimal configuration.

Key Features:

  • Quick Setup: Set up a local WordPress environment in seconds with minimal configuration, just a compatible Node version is needed.
  • Flexibility: Allows for configuration to adapt to different scenarios.

How to use it:

Use npx to run the Playgroud CLI anywhere:

   npx @wp-playground/cli@latest server

Open the provided local URL in your browser to start using WordPress. For themes and plugin developers, use the --auto-mount flag to test your plugins or themes:

  cd my-plugin-or-theme-directory
  npx @wp-playground/cli@latest server --auto-mount

    VS Code Extension

    The WordPress Playground VS Code extension integrates WordPress development directly into Visual Studio Code, providing a seamless development experience within the popular code editor.

    Key Features:

    • Integrated Development: Develop WordPress sites directly within VS Code.
    • Ease of Use: Simplifies the development workflow with integrated tools.

    Installation and Usage:

    1. Install the Extension: Search for “WordPress Playground” in the VS Code extensions marketplace and install it.
    2. Setup: Follow the setup instructions provided in the extension to configure your development environment.
    3. Develop and Debug: Use the integrated tools to develop and debug your WordPress site.