### Starting Tuya MiniApp Development (Shell)

Source: https://github.com/tuya-community/tuya-miniapp-demo/blob/master/rayCdn/README.md

This command sequence first installs all project dependencies and then starts the development server for the Tuya MiniApp. It's typically used to begin local development and testing, allowing for live reloading and debugging.

```Shell
yarn
yarn start
```

--------------------------------

### Setting Up Tuya Mini-App Project with Echarts Plugin (Bash)

Source: https://github.com/tuya-community/tuya-miniapp-demo/blob/master/rayRjsPlugin/REDME_zh.md

This snippet provides the necessary bash commands to clone the Tuya Ray demo repository, navigate into the specific `plugin-rjs-echarts` example directory, and install its required dependencies using Yarn. These steps are crucial for preparing the project for development and local preview.

```bash
git clone git@github.com:Tuya-Community/tuya-ray-demo.git
cd examples/plugin-rjs-echarts
yarn install
```

--------------------------------

### Building Tuya MiniApp for Production (Shell)

Source: https://github.com/tuya-community/tuya-miniapp-demo/blob/master/rayCdn/README.md

This command compiles and bundles the Tuya MiniApp project for production deployment. It optimizes the code and assets, typically minifying files and preparing them for distribution.

```Shell
yarn build
```

--------------------------------

### Installing Vant Icons with Package Managers (Shell)

Source: https://github.com/tuya-community/tuya-miniapp-demo/blob/master/vant-weapp/dist/@vant/icons/README.md

This snippet demonstrates how to install the Vant Icons library using common JavaScript package managers: npm, yarn, pnpm, and Bun. Each command adds the @vant/icons package to your project dependencies.

```Shell
# with npm
npm i @vant/icons

# with yarn
yarn add @vant/icons

# with pnpm
pnpm add @vant/icons

# with Bun
bun add @vant/icons
```

--------------------------------

### Styling Logo and Subtitle in CSS

Source: https://github.com/tuya-community/tuya-miniapp-demo/blob/master/icon/assets/iconfont/demo_index.html

This CSS snippet defines styles for the logo and its sub-title within the main section of a web page. It sets margin, height, display properties, font size, color, and applies a linear gradient background with text clipping for a visual effect.

```css
.main .logo { margin-top: 0; height: auto; } .main .logo a { display: flex; align-items: center; } .main .logo .sub-title { margin-left: 0.5em; font-size: 22px; color: #fff; background: linear-gradient(-45deg, #3967FF, #B500FE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.