freesewing/markdown/dev/tutorials/pattern-design/new-design/en.md

title	order
Setting up the development environment	100

Open a terminal and enter the following command:

npx @freesewing/new-design@next

Remove @next suffix once v3 is in production

We'll be asked some questions. All the defaults will do, but here are the details:

• What template would you like to use? — Pick the default: Tutorial
• What package manager should we use? — Pick the default: npm, unless you are certain you have yarn installed

After we've answered these questions, files will be copied, dependencies installed, and components downloaded.

This will take a few minutes because we're loading some software for our development environment.

When it's ready, enter the tutorial directory that was just created and run npm run dev:

cd tutorial
npm run dev

Or if we chose to use yarn as package manager:

cd tutorial
yarn dev

Now open our browser at http://localhost:8000

If all goes well, we'll should see this landing page:

Notes

Need help?

If you run into any issues, join our #development-help chat room on on Discord and we'll figure it out together.