Skip to main content

Overview of Tini Studio

Last updated on

Introduction

Tini Studio, also known as Tiki IDE, is an integrated development environment for building mini programs on the Tini App platform. It consists of a project management tool, code editor, debugging tool, simulator and upload tool that allows uploading applications to the Tini Console.

Main interface

Tini Studio

Project management

Tini Studio enables creating projects and managing files in the project, Git tools and npm packages.

Code Editor

The editor is designed to boost coding productivity:

  • Syntax highlighting: supports Tini App framework’s TXML/TCSS languages and JS API. It improves the readability and comprehensibility of code.
  • Autocomplete: the editor predicts the rest of a word and suggests the code syntax as the programmer is typing. It speeds up the process of coding.
  • Linting: automatically scan code to detect syntax errors.

Development

Tini Studio provides tools to improve developer's coding experience:

  • Code editor: Supports syntax highlight for TXML, TCSS and JS APIs.
  • Autocomplete: Automatically suggests syntax and functions from TXML, TCSS and JS APIs.
  • Linting: Quickly detects syntax and other errors while coding.

Simulator

With the simulator, programmers can run their applications on the computer instead of on the mobile device. The simulator is characterized by:

  • Live preview: Reflects real-time changes in code.
  • Preset devices: Programmers can check the behaviors of their apps in common preset devices.
  • Hardware simulation: Simulates the mobile device's functions such as location, camera and shaking

Debugging

Compiler Log and DevTools are two useful and comprehensive debugging tools.