Get started

How tos are a starter for creating your first Wizzi Productions.

Background Knowledge

The foundamental background for using Wizzi is a good knowledge of javascript , and a basic knowledge of NodeJs , NPM and the command line .

All Wizzi Productions are implemented by plugins, thereon any further knowledge you need should only regard the target technology you are interested in.

In practice, given that Wizzi Starters make use of some widespread technologies, as HTML and CSS , implemented by Wizzi Core Plugins, to get started you should have a basic knowledge of them as well as a good one of javascript.

Once got started, if you have any further need, then you will be able to create your own Wizzi Plugins.

How to install Wizzi

You need these tools:

Node.js

Wizzi is built with Node.js and you’ll need to have Node.js version 14.00 (or newer) installed on your computer.

Bundled with Node.js is the npm package manager, that you’ll use to add Wizzi Plugins and other packages onto your project.

Download and install the latest Node.js version from the official Node.js website .

Wizzi CLI

You need the Wizzi CLI to create a new Wizzi Package based on a starter, to execute a Wizzi Production or to wizzify an existing artifact or a folder of artifacts.

Install the Wizzi CLI
git npm i wizzi-cli -g
Check the Wizzi CLI version
git wizzi -version
See the Wizzi CLI help
git wizzi --help
VsCode

Wizzi is developed with VsCode. If you don’t have a preferred code editor yet, download the version for your platform.

The Ittf sinthax highlighter for VsCode
Install the Wizzi IttfHighlighter for VsCode
rem download the theme from github
rem in a temp folder execute
git clone https://github.com/stfnbssl/vscode-ittf.git
rem copy the vscode-ittf folder into the VsCode Extensions folder
rem in windows %USERPROFILE%\.vscode\extensions
Wizzi Starter Package
Create the Wizzi Starter Package
git wizzi create-starter
This Wizzi Package contains some examples to get started:
  • A simple static website
  • A basic express server
  • A simple React client App
  • A minimal Wizzi Plugin
  • Basic usages of the Wizzi API