2021-10-17 17:34:55 +02:00
|
|
|
***
|
|
|
|
|
2021-08-25 16:09:31 +02:00
|
|
|
title: Start the development environment
|
|
|
|
order: 50
|
2021-10-17 17:34:55 +02:00
|
|
|
---------
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
You will have a new folder that has the name you picked for your pattern.
|
|
|
|
If you chose `test`, you will have a `test` folder. If you chose `banana`, you'll have a `banana` folder.
|
|
|
|
|
|
|
|
If you enter that folder, you'll find a couple of subfolders:
|
|
|
|
|
2021-10-17 17:34:55 +02:00
|
|
|
* `config` holds your pattern's configuration file
|
|
|
|
* `src` holds your pattern's source code
|
|
|
|
* `example` holds the development environment
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
To start the development environment, enter the `example` folder and run: `npm run start` (or `yarn start` if you're using Yarn as a package manager.
|
|
|
|
|
|
|
|
The development environment will watch for any changes you make to
|
|
|
|
the pattern's source code. When you do, it will update automatically in your browser.
|
|
|
|
|
|
|
|
<Note>
|
|
|
|
|
|
|
|
##### Yay, you're done!
|
|
|
|
|
|
|
|
All you have to do now, is design your pattern.
|
|
|
|
Thankfully, we have a tutorial for that too:
|
|
|
|
|
2021-10-17 17:34:55 +02:00
|
|
|
* [Pattern design tutorial](/tutorials/pattern-design/): A step-by-step guide to designing your first pattern
|
2021-08-25 16:09:31 +02:00
|
|
|
|
|
|
|
</Note>
|