

What tool is used by the terminal emulator on *nix systems (Terminal/iTerm2/Konsole/Hyper/etc.) It doesn't matter, but for running the Taro CLI shell we recommend bash or zsh.
#USING DECO IDE TUTORIAL CODE#
Whether you use VSCode or WebStrom, you can use Taro for auto-completion and live code inspection (linting) after installing the above plugin. If you are willing to spend money and are lazy you can choose WebStorm (or any other Jetbrains IDE that supports web development), which requires basically no configuration.
#USING DECO IDE TUTORIAL INSTALL#
If you use Vue, it is recommended to install the Vetur plugin. When you use VSCode, it is recommended to install the ESLint plugin, and if you use TypeScript, don't forget to configure eslint.probe parameter if you use TypeScript. We recommend using VSCode or WebStorm (or other Jetbrains IDEs that support web development). Once installed, enter the command taro in the terminal and if something like this appears, the installation was successful. When your machine already has a Node.js environment, you can install the Taro CLI by entering the command npm i -g in the terminal. We recommend installing the LTS version of Node.js (currently LTS version is v12). There are various ways to install the Node.js environment, if you don't know Node.js at all you can visit the Node.js official website to download an executable to install it. The Taro CLI relies on the Node.js environment, so it must be installed on your machine. Our code implementation also uses some ES6 syntax, which you can see or learn about at ES6 Getting Started Tutorial Environment Preparation Ĭurrently Taro offers only one development method: installing the Taro command line tool (Taro CLI) for development.

If you are not familiar with either framework, you can cross reference the code implementation via React documentation or Vue documentation. We will implement our application using the React and Vue frameworks respectively, switching between implementations by clicking on the React or Vue buttons in the code examples. In this tutorial we assume that you already have some knowledge of web front-end development and JavaScript. (If you're browsing on a large screen) The title directory to the right of this tutorial contains subdirectories for all the chapters, so you can view or navigate to the chapter you're interested in.

#USING DECO IDE TUTORIAL HOW TO#
(#Multi-Ended Development): How to quickly expand to a multi-ended application when you have already developed one end of the application using Taro.(#Project Progression and Optimization): what should be done to maintain or improve the maintainability and performance of the application as the project gets bigger and slower.(#Basic tutorial): basic concepts and development guidelines for Taro.(#Environment preparation): what needs to be installed when we use Taro.

This tutorial will be divided into four chapters. When you finish reading the documentation you will see that this tutorial is an asymptotic index of the documentation. This tutorial is for developers who like to learn as they go or have no prior knowledge of mini program development at all, if you prefer to learn step by step, please include the entire contents of documentation in its entirety.
