# nutui-demo

**Repository Path**: devqianlong/nutui-demo

## Basic Information

- **Project Name**: nutui-demo
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-11
- **Last Updated**: 2021-11-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# NutUI 示例

本目录下包含基于 Vue CLI、Vite 搭建 NutUI 2.x、3.x 的相关示例

## 目录

### cdn

cdn 目录下包含了通过 CDN 引入 NutUI 的示例，在浏览器内打开 cdn/index.html 即可查看效果。
- index.html 全局引入nutui
- custom.html cnd按需加载
- vite.html vue3使用示例

> 技术栈：Vue、NutUI

### base

base 通过 Npm 引入 NutUI 2.x 的示例，包含如下功能：

- 基于 NutUI 搭建
- 基于 vue-router 的单页面应用
- 组件按需引入
- rem 工程在 base 工程的基础上增加了移动端 rem 适配的配置。
- theme 工程在 base 工程的基础上增加了自定义主题色的配置。

> 技术栈：Vue、Vue CLI、Vue Router、NutUI


### typescript

基于 typescript 的工程，实现组件按需引入。

> 技术栈：Vue、Vue CLI、NutUI 2.x、TypeScript


- 基于 NutUI 搭建
- 基于 vue-router 的单页面应用
- 组件按需引入
- theme 工程在 base 工程的基础上增加了自定义主题色的配置。

### nuxt

基于 nuxt 的示例工程。

> 技术栈：Vue、Nuxt、NutUI 2.x 
- 组件按需引入
- theme 工程在 base 工程的基础上增加了自定义主题色的配置。

### vite、vite-ts

基于 vite vue3 nutui 3.x 的示例工程

> 技术栈：Vue3、NutUI 3.x  JavaScript TypeScript。

### vue3

基于 vuecli vue3 nutui 3.x 的示例工程

### taro

基于 taro 搭建的 nutui-taro 小程序 示例工程


## 预览

## 开发命令

```bash
# 安装依赖
# 注意：请切换到对应的子目录下安装
cd base
npm install

#按照对应package.json script 命令启动预览
```