Skip to main content
All CollectionseWizard.js frameworke-Detailers
Initialize an e-Detailer project
Initialize an e-Detailer project

How to initialize an e-Detailer project from scratch

eWizard Team avatar
Written by eWizard Team
Updated over a year ago

Use eWizard CLI to create an e-Detailer project from a scaffolding template.

1. Log in to your eWizard instance.

2. Go to a directory where you want to initialize your e-Detailer project.

For example, let's create the e-detailer directory and then:

cd e-detailer

3. Initialize your project.

wiz init

4. Select the e-Detailer template, which is option number 3.

e-Detailer option 3

To skip the template selection step, you can initialize the e-Detailer template with the eWizard CLI command wiz init edetailer.

5. Select if you want to use ESLint and Vuex.

You can just press Enter to select the default values.

6. Enter the project description.

7. Select the group of target devices that support the aspect ratio for displaying your e-Detailer.

Select your device

You can also add devices from other groups to make sure the e-Detailer scales correctly on other devices. For more information, see Target devices.

8. Enter the name of your e-Detailer and specify the author.

The e-Detailer project is initialized with the default scaffolding template.

e-Detailer template

9. Build your e-Detailer project and serve it on a local server as a static site.

wiz dev --live

The --live option tracks the changes and continuously builds the e-Detailer project.

See eWizard CLI commands for a complete list of commands with options.

eWizard CLI starts a hot-reloading development server at http://localhost:3000/.

Did this answer your question?