Need help with plugin-scaffold?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

139 Stars 37 Forks GNU General Public License v2.0 261 Commits 15 Opened issues



Services available


Need anything else?

Contributors list

10up Plugin Scaffold


At 10up, we strive to provide digital products that yield a top-notch user experience. In order to improve both our efficiency and consistency, we need to standardize what we use and how we use it. This plugin scaffold allows us to share initial set up procedures to make sure all projects can get up and running as quickly as possible while closely adhering to 10up's high quality standards.

Support Level GPL-2.0-or-later License


  1. Node >= 8.11 & NPM - Build packages and 3rd party dependencies are managed through NPM, so you will need that installed globally.
  2. Webpack - Webpack is used to process the JavaScript, CSS, and other assets.
  3. Composer - Composer is used to manage PHP.

Getting Started

Quick Start

Install 10up's command line tool for scaffolding new projects. You can download it from the Project Scaffold repository. Setting up a new plugin is as easy as running

create-10up plugin plugin-name-here
in the terminal!

Browsersync requires a local development URL. This is currently set in the

, as

Direct Install

  • Clone the repository
  • Rename folder plugin-scaffold -> your project's name
  • If copying files manually to an existing plugin directory instead of cloning directly from the repository, make sure to include the following files which may be hidden:

The NPM commands will fail without these files present.

  • Do case-sensitive search/replace for the following:

    • TenUpScaffold
    • tenup-scaffold
    • tenup_scaffold
  • cd
    into the plugin folder
  • run

    npm run start
    to build the front-end assets

Webpack config

Webpack config files can be found in

  • webpack.config.common.js
  • webpack.settings.js

In most cases

is the main file which would change from project to project. For example adding or removing entry points for JS and CSS.

NPM Commands

  • npm run test
    (runs phpunit)
  • npm run start
    (install dependencies)
  • npm run watch
  • npm run build
    (build all files)
  • npm run build-release
    (build all files for release)
  • npm run dev
    (build all files for development)
  • npm run lint-release
    (install dependencies and run linting)
  • npm run lint-css
    (lint CSS)
  • npm run lint-js
    (lint JS)
  • npm run lint-php
    (lint PHP)
  • npm run lint
    (run all lints)
  • npm run format-js
    (format JS using eslint)
  • npm run format
    (alias for
    npm run format-js
  • npm run test-a11y
    (run accessibility tests)

Composer Commands

composer lint
(lint PHP files)

composer lint-fix
(lint PHP files and automatically correct coding standard violations)


We don't know everything! We welcome pull requests and spirited, but respectful, debates. Please contribute via pull requests on GitHub.

  1. Fork it!
  2. Create your feature branch:
    git checkout -b feature/my-new-feature
  3. Commit your changes:
    git commit -am 'Added some great feature!'
  4. Push to the branch:
    git push origin feature/my-new-feature
  5. Submit a pull request

Learn more about the default packages used with this project

Frequently Asked Questions

A question that someone might have

An answer to that question.

WordPress Admin Dashboard

Support Level

Active: 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress. Bug reports, feature requests, questions, and pull requests are welcome.

Like what you see?

Work with 10up, we create amazing websites and tools that make content management simple and fun using open source tools and platforms

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.