b34a2ee2ed
This is a flat (without history) import of (some of) the content from our markdown module. We've imported this without history because the repo contains our blog posts and showcases posts content prior to porting them to strapi. Since this contains many images, it would balloon the size of this repo to import the full history. Instead, please refer to the history of the (archived) markdown repo at: https://github.com/freesewing/markdown
74 lines
1.9 KiB
Markdown
74 lines
1.9 KiB
Markdown
---
|
|
title: Setting up the development environment
|
|
order: 100
|
|
---
|
|
|
|
Open a terminal and enter the following command:
|
|
|
|
```bash
|
|
npm init freesewing-pattern
|
|
```
|
|
|
|
This will load a few dependencies, and then ask you the following questions:
|
|
|
|
- **Language**: Use the arrow keys to select the language of your choice
|
|
- **Pattern name**: Enter `tutorial`
|
|
- **description**: Enter `The FreeSewing tutorial`
|
|
- **Pattern type**: Use the arrow key to select `Pattern`
|
|
- **Department**: Use the arrow keys to select `Accessories`
|
|
- **Author**: Enter your GitHub username
|
|
- **GitHub repository**: This will be prefilled for you, so just hit Enter
|
|
- **Package manager**: Use the arrow to choose. Pick `NPM` if you're not sure.
|
|
|
|
After you've answered these questions, the default template will be copied, after which all dependencies will be installed.
|
|
|
|
<Note>
|
|
|
|
This will take a few minutes because we're loading some software for your development environment.
|
|
|
|
</Note>
|
|
|
|
When it's ready, you'll need to run two commands in parallel. In the current terminal,
|
|
enter the directory that was just created for our `tutorial` pattern and start rollup in watch mode:
|
|
|
|
```bash
|
|
cd tutorial
|
|
npm run start
|
|
```
|
|
|
|
Or if you chose to use Yarn as package manager:
|
|
|
|
```bash
|
|
cd tutorial
|
|
yarn start
|
|
```
|
|
|
|
Now open a second terminal, and navigate to the `example` subfolder and run the same command there:
|
|
|
|
```bash:
|
|
cd tutorial/example
|
|
npm run start
|
|
```
|
|
|
|
Or if you chose to use Yarn as package manager:
|
|
|
|
```bash
|
|
cd tutorial/example
|
|
yarn start
|
|
```
|
|
|
|
If all goes well, your browser will open and show the following landing page:
|
|
|
|
|
|
|
|
<Note>
|
|
|
|
###### Using Windows?
|
|
|
|
We have tested this on Linux and MacOS, but not on Windows since I (joost) don't have
|
|
a Windows machine I can test this on.
|
|
|
|
If you run into any issues, join [our chatroom](https://discord.freesewing.org/) and
|
|
we'll figure it out together.
|
|
|
|
</Note>
|