• Building extensions for Pagekit Part #1 - The editor

Building extensions for Pagekit Part #1 - The editor

Phpstorm welcome screen

Potentially outdated

This post is older than 365 days and may be outdated. Please use the site-search to search for updated information.

As I announced I am starting a new blog series: Building extensions for Pagekit.

In this first part we will set up your environment.

Your computer

At first you need a computer; your computer does not have to be a stylish MacBook or a powerful PC - the most important thing is that you like to work with it. You should be able to find files easily and you should know how to install an application.

I am using a 12" MacBook with a really slow Intel Core M CPU and a little SSD. If you have more ambitious goals you could invest your money for additional screens as it's really comfortable to have all your stuff on different screens without having to press Command + Tab/Alt + Tab all the time.

For me the macOS environment is great; as I like working on an Unix-like system with a good touchpad and a great keyboard, this little MacBook is my personal choice.

The editor

Working with Pagekit also means working with a lot of different programming languages; Vue.JS (JavaScript), PHP, HTML and a lot of configuration files that are formatted as json - it would be great if your editor of choice supports a syntax highlighting for all of them.

But: An editor with syntax highlighting is only the beginning. Working with Pagekit also means to have tons of powerful tools provided by Pagekit (and the included Symfony components). An Integrated Development Environment (short: IDE) will save you a lot of time you would spend on searching the Pagekit-core.

I chose the PHPStorm IDE - but this Software is quite expensive if you are not a student. But you are free to try the full-featured version for 30 days.

Phpstorm welcome screen

But there are tons of alternatives out there:

I will not guide you through the installation process of one of these IDEs, as the setup wizards are quite self-explaining these days.

Tools, tools, tools

As we are going to use webpack to prepare our components, we will need additional software to get this working.

Installing Node.js

Node.js comes with a handy installer. After installing node, open a terminal (on macOS: Applications > Utilities > Terminal) and check your Node.js version: node -v

Nodejs version on macOS

Installing Composer

Using Composer-installer

Installing Composer can be a little bit more difficult - but it's nothing to be scared of.

On macOS the easiest way is to open a terminal (Applications > Utilities > Terminal).

Now you can download and install Composer with this simple line: curl -sS https://getcomposer.org/installer | php

Using brew

There is another way to install software quickly: brew.

Simply install brew on your mac and type brew install composer. That's it.

The web- and databaseserver

As Pagekit is a web-application you need a webserver (and maybe a database-server) to work with Pagekit. You can just use your existing webhosting-environment, install XAMPP locally or just use the built-in webserver Pagekit provides.

For smaller development environments the last option is the most convenient solution as it comes with everything you need just out of the box.

That's it

We are ready to go. In the next post you will learn how to create a git-repository and connect it to your IDE. We also are going to start the actual coding.

I hope you liked this quick intro - expect the next post within the next week.

{{ message }}

{{ 'Comments are closed.' | trans }}

Wait a second!

Did you know that there's are great support channels for Pagekit? Visit us today and sign up for free using email or your GitHub-, Twitter-, Google- or Facebook-Account.

Latest blog posts

Latest comments

  • How to fork a theme

  • spqr/toc updated

  • spqr/toc updated

Like my work?

If you would like to support my work, you are invited to do so.