Quickstart

Quickstart

Our primary development tool is called Fliplet CLI (Command Line Interface), it’s written in Node.js and is available through Npm.

This means in order to start the development you will need to install Node.js on your machine.

The Fliplet CLI will enable you to develop and test components and themes on your machine, without having to rely on our APIs or even be connected to the internet while coding.

1. Install Node.js

Our development tools rely on Node.js and Npm. Please install Node.js on your machine before running the next steps.

2. Install the Fliplet CLI

Fliplet/fliplet-cli - GitHub

The Fliplet CLI is available through Npm and can be installed from the command line:

npm install -g fliplet-cli

Please note: on some systems you might require the sudo prefix in order to install the CLI as global (-g) on the machine.

Once you have installed the CLI, typing fliplet in your command line should print out the available options:

$ fliplet

Usage: fliplet [options] [command]

Commands:

  create-widget [package] [name]          Create a new component using the standard jQuery boilerplate.
  create-widget [package] [name] --vue    Create a new component using the advanced Vue.js-based boilerplate.
  create-widget [package] [name] --helper Create a new component using the helper framework boilerplate.

  create-theme [name]   Create a new theme.
  create-menu [name]    Create a new menu.
  run                   Run the current component or theme for development.
  publish               Publish the current component or theme on fliplet studio.
  test                  Run tests on the current component or theme on fliplet studio.
  list                  List components you can download for editing.
  clone <package>       Downloads a component locally from the target environment, given the specified ID or package name
  list-assets           Gets the list of the available assets in the system.
  list-organizations    Gets the list of the available organizations in the system.
  organization [id]     Set current working organization. Use without id to reset.
  env [name]            Set the environment: local, development, staging or production. Use without name to get the current environment.
  login                 Log in with your Fliplet Studio account.
  logout                Log out from Fliplet Studio.
  cleanup               Reset the local state of the CLI.
  help                  Display help for fliplet

Options:

  -h, --help     output usage information
  -V, --version  output the version number

How to update the development tools

We regularly update the development tools, so please make sure you’re running the latest version when developing components.

To check for updates, use the npm command outdated:

npm outdated

To install or update to the latest version, simply run the install command as follows:

npm install -g fliplet-cli

You can see the version you have installed by running the command below:

$ fliplet --version
6.0.6

You can check the latest available version of the Fliplet CLI on the npm website.


In the next section, you’ll learn how to interact with our system.

Learn the JS APIs →