CONFIG CODEKIT SOFTWARE
CONFIG CODEKIT TRIAL
CONFIG CODEKIT MAC

In Project Settings, head to Browser-Refreshing and scroll down to the External Server Options section. You can rename the project from here if you want-which you might want to do to make things easier if you’re working on multiple Local WordPress projects at once. You’ll want to watch that directory so that any time something changes anywhere in the WordPress site, CodeKit will be aware of it and can react by compiling files, refreshing the browser, etc. The public folder is your Local WordPress site’s root directory. So the path to your site’s “public” directory will most likely be something like this: Navigate to your Local site’s “public” directory, and choose it.īy default, Local places your sites inside of a “Local Sites” folder. Head over to CodeKit now, and go to File > Add Project.

You note the Site Host (in the case of my screenshot, localhost:10008, but yours might be a custom.

Start Your Local Site and Note its Site Host SettingĪgain, the specific setup of the site doesn’t really matter. If you see a port conflict, just click the button to proceed. The site URL in the browser just won’t look as nice. You won’t be able to use a custom domain this way, but the CodeKit connection will still work. If you do, just go ahead and click the button to fix the issue. You might see a warning about a port conflict in Local. That can be enabled in each app’s Preferences menu.) (By the way: you’ve probably noticed from my screenshot that I like dark mode. (If you’ve already got one you want to use, that’s fine too just skip ahead.) The specific configuration options in Local don’t matter any Local site will do!Ĭreate a new site in Local if you don’t have one, or just use one you already have. Create (or Pick) a Site in Localįirst step: if you haven’t already, start by creating a site in Local. It’s probably pretty easy to imagine the benefits of getting all that cool stuff within Local, available for your WordPress development needs. If you’re not sure about all of those features or only need a few, that’s ok too! CodeKit makes it easy to use what you need, and ignore what you don’t.

Build tools like Autoprefixer, Babel, Libsass, ESlint, and a lot more all built in and easily configurable.

CodeKit lets you load your local site on your phone, tablet, or wherever, and even make changes one place and see it reflected on every other screen (Also works with JavaScript, and plus, CodeKit auto-generates source maps and does cache-busting) Save your sass files, and see your compiled CSS in the browser instantly.

Automatic compilation, minification, source maps and cache busting.

Automatic browser refreshing the window changes each time you save your files as you’re working.

But while I haven’t tried it myself, Prepros appears to be a equivalent app.

CONFIG CODEKIT MAC

If you’re on Windows, you don’t have access to CodeKit (since it’s Mac only). In my opinion and experience, it’s well worth the $~35 price tag if you prefer a nice visual app interface to the command line.

CONFIG CODEKIT TRIAL

Unlike Local, CodeKit is a paid app, but it comes with a free trial if you’d like to check it out. CodeKit makes it super easy to do all the nice things that you’d normally need to use terminal commands, package managers and config files to get otherwise. That’s where CodeKit shines!ĬodeKit is a Mac app that gives you an easy graphical interface to configure the kind of handy dev features that usually require a lot of technical setup. Flywheel could fire me today and I’d still use Local tomorrow.Īs amazing as Local is on its own, though, some of the biggest benefits of developing locally (automatic browser refreshing, for example) aren’t built in. But I’m being 100% honest when I say there’s no other tool I’d consider using for building WordPress sites, period.

CONFIG CODEKIT SOFTWARE

It’s fast (especially the new ” lightning” release), incredibly easy to use, cross-platform, and completely free.įull disclosure: I currently work for Flywheel, the software company behind Local. Local (formerly known as Local by Flywheel) is the go-to tool for developing WordPress websites-where else?-locally.

Config codekit