# taro-template

**Repository Path**: jh_shot/taro-template

## Basic Information

- **Project Name**: taro-template
- **Description**: Taro Vue3 小程序模板
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 2
- **Created**: 2023-03-22
- **Last Updated**: 2025-01-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: TARO, Vue

## README

# Taro Template

## 简介

Taro Template 是一个开源的小程序模版。

## 特性

- **技术栈**：使用 Vue3/Taro3/NutUI 等前端前沿技术开发
- **TypeScript**：应用程序级 JavaScript 的语言
- **特性**：支持使用 Vue 和 TSX 编写组件

## 准备

- [Node](http://nodejs.org/) 和 [Git](https://git-scm.com/)
- [Vue3](https://cn.vuejs.org/guide/introduction.html)
- [Taro3](https://taro-docs.jd.com/docs)
- [NutUI](https://nutui.jd.com/taro/vue/4x/#/zh-CN/guide/intro)

## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/jh_shot/taro-template.git
```

- 安装依赖

```bash
npm i
```

- 运行

```bash
npm run dev:weapp
```

- 打包

```bash
npm run build:weapp
```

## 注意事项

- 装上 volar 插件后更好的支持模板开发
- 使用 Axios 作为跨端网络请求库，上传需要用小程序自己的API
- 微信小程序要支持 `vue3`，需设置基础库最低版本为 `2.11.2` 或以上，`2.11.2` 对应 `chrome>=53,ios>=10`
- CSS 变量需要 `chrome>=49,ios>=10`
- 推荐使用 TSX 开发业务，以免 volar 出问题影响开发
- NutUI 和 TSX 一起使用时，不用手动导入，在 `types/jsx.d.ts` 增加组件类型即可