Home

Awesome

<p style="display:flex; justify-content: center"> </p> <p align="center"> <a href="https://tdesign.tencent.com/starter/vue-next/#/dashboard/base" target="_blank"> <img alt="TDesign Logo" width="200" src="https://tdesign.gtimg.com/starter/brand-logo.svg"> </a> </p> <p align="center"> <a href="https://nodejs.org/en/about/releases/"><img src="https://img.shields.io/node/v/vite.svg" alt="node compatibility"></a> <a href="https://github.com/Tencent/tdesign-vue-next/blob/develop/LICENSE"> <img src="https://img.shields.io/npm/l/tdesign-vue-next.svg?sanitize=true" alt="License"> </a> </p>

English | 简体中文

Introduction

TDesign Vue Next Starter is a TDesign-based developed with Vue 3, Vite, Pinia, TypeScript. It can be customized theme configuration, and aims to provide project out-of-the-box, configuration-style middle and background projects.

<p> <a href="http://tdesign.tencent.com/starter/vue-next/">Live Preview</a> · <a href="https://tdesign.tencent.com/starter/">Documentation</a> </p> <img src="docs/starter.png">

Features

Usage

Initialize project with our CLI tool tdesign-starter-cli

## install tdesign-starter-cli
npm i tdesign-starter-cli@latest -g

## create project
td-starter init

Develop

## install dependencies
npm install

## set up
npm run dev

Build

## build
npm run build

## build for test
npm run build:test

Contributing Guide

We welcome contributions to our project. Create your Issue or Submit your Pull Request.

Commit Specification

Browser Support

<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br> IE / Edge<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari
Edge >=84Firefox >=83Chrome >=84Safari >=14.1

Community Versions

There are kinds of community versions of starter-kit based on TDesign Vue Next, visit community-link for more detail. If you developed a community versions of tdesign starter, please create a issue or submit a pull request to let us know 😊.

License

The MIT License. Please see the license file for more information.