Sorry, your browser cannot access this site
This page requires browser support (enable) JavaScript
Learn more >

Vue3Template

介绍

Vue3Template 是一个基于Vue3的模板项目。 项目地址
集成了

封装了

目录结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
Vue3Template
│ .env.dev # 开发环境全局变量
│ .env.production # 生产环境全局变量
│ .gitignore # git忽略文件
│ auto-imports.d.ts # 自动导入的类型声明文件
│ components.d.ts # 组件类型声明文件
│ index.html # 入口文件
│ package-lock.json # 依赖包版本信息
│ package.json # 项目依赖包
│ README.md # 项目说明
│ tailwind.config.js # tailwindcss 配置文件
│ tsconfig.json # TypeScript 配置文件
│ vite.config.ts # Vite 配置文件
├─dist # 打包输出目录
├─public # 静态资源
└─src # 源代码
│ App.vue # 入口文件
│ main.ts # 创建 Vue 实例
├─assets # css资源
│ input.css # tailwindcss配置css
│ output.css # tailwindcss输出的css
├─components # 组件
├─request # 请求
├─router # 路由
├─stores # 状态管理
├─type # 类型定义
└─views # 页面

指令

安装依赖:

1
npm install

tailwindcss动态添加样式:

1
npm run Tcss

运行:

1
2
# 使用开发环境变量(.env.dev)
npm run dev
1
2
# 使用生产环境变量(.env.production)
npm run pro

构建:

1
2
# 使用生产环境变量(.env.production)
npm run build

参考资料

fetch二次封装完整详细场景使用案例

关于本人

HaiYao的博客
Git主页

评论