使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术搭建一个基本的项目模版_elementplus和tailwincss对比

前言

什么是vue

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

介绍

使用 vite、typescript、vue3、element-plus、pinia、vue-router、axios、tailwindcss 等技术。本项目只是一个基本的框架，写了一个简单的登录流程， 不包含动态路由，权限验证等。后续会开放一个完整的项目， 包含暗黑主题和主题色切换，动态路由，权限验证，国际化方案等等。

特性

• 最新技术栈：使用 Vue3/vite3/pinia 等前端前沿技术开发
• TypeScript: 应用程序级 JavaScript 的语言
• 组件自动加载
• 提供丰富的组件
• 主题：可配置的主题
• tailwindcss 与 element-plus 样式控制

预览

• 点我查看国内预览站

• 点我查看国外预览站

安装使用

建议使用pnpm

# 克隆项目
git clone https://gitee.com/zhfyjeremy/vue3-vite-ts-template.git
git clone https://github.com/zhfyjeremy/vue3-vite-ts-template.git
# 进入项目
cd vue3-vite-ts-template

# 安装依赖
pnpm install

# 运行项目
pnpm dev

# 本地访问
http://localhost:5173/

# 打包发布
pnpm build
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17