Getting Started

Last Updated on October 27, 2024 by Neil Murray

1. Setup local development environment #

You need a local WordPress development environment.

Tip: See Setup local install – step by step instructions for detailed instructions.

back to top

2. Install Node.js with npm #

Install Node.js and npm

For modern Node.js-based JavaScript development you need to use a Command Line Interface (also called terminal or Terminal prompt).

Make sure your versions of Node & npm match with the current versions we are using on the team.

Tip: See Update Node.js and npm on Windows if you are using a Windows PC.

back to top

3. Install CF7 Skins – Single Repo plugin #

You will need to download, install, activate & add license keys for our CF7 Skins development plugins.

The CF7 Skins – Single Repo plugin contains:

  • All CF7 Skins plugins in a single repository
  • Our JavaScript build tools
  • Build (minified) & Development (un-minified) versions
  • WordPress Admin and standalone JavaScript versions that operate separately.

You need to add License Keys for our CF7 Skins Add-on plugins.

Tip: See Install CF7 Skins – Single Repo plugin for detailed instructions on getting started using our CF7 Skins – Single Repo development plugin.

back to top

4. Development & Production Builds #

See Development & Production Builds for detailed instructions on:

Operate CF7 Skins – Single Repo development plugin

See Operate CF7 Skins – Single Repo development plugin for detailed instructions on:

  • Operating selected CF7 Skins plugins
  • Operating Build (minified) & Development (un-minified) plugin versions

Branches

See Branches for detailed instructions on:

  • Live, Development & Visual versions
  • Build (minified) & Development (un-minified) versions
  • Operating separately both WordPress Admin and standalone JavaScript versions

back to top

5. Troubleshooting #

Incorrect Node & npm versions #

[ADD text]

CF7 Skins Add-ons not activated #

[ADD text]

Problems on Mac #

[ADD text]

See Skype chats at #489: Unable to use CF7 Skins Build tools on Mac.

back to top

Further Reading


Notes:

ADD notes here.

Save all Images to Sync – use ..\Sync\..\Development\Development Guidelines\..\