快速上手

gzm-design项目使用了最新的Vue3，Vite4，TypeScript等主流技术开发

获取代码

# 克隆项目

# gitee
git clone https://gitee.com/sourcenet/gzm-design.git
# github
git clone https://github.com/LvHuaiSheng/gzm-design.git

# 进入项目目录
cd gzm-design

# 安装依赖（推荐使用pnpm）
pnpm install 或 npm install

# 启动项目(开发模式)
npm run dev

启动完成后浏览器访问 http://localhost:5173，接下去可以熟悉一下或者进行业务开发步骤

提示

安装依赖和启动需依靠npm、pnpm。

目录结构

┌── public				# 静态资源(不会被打包)
│   ├── tinymce			# 富文本编辑器
├── src					# 源代码
│	├── api				# 接口
│	├── assets			# 静态资源(会被打包)
│	├── components		# 组件库
│	├── config			# 配置
│	├── dts				# 声明类型定义
│	├── hooks			# Hooks
│	├── mock			# 接口Mock
│	├── plugins		    # UI插件
│	├── router			# 路由表
│	├── store			# pinia状态管理
│	├── types			# 通用类型定义
│	├── utils			# 全局公用方法
│	├── views			# 所有视图
│	├── style			# 全局样式
│	├── App.vue			# 入口视图
│	├── main.js			# 入口文件
│	├── style.less		# 通用样式
│	└── vite-env.d.ts	# 声明文件
├── .env.development	# 开发环境配置
├── .env.prodiction		# 生产环境配置
├── package.json		# 包管理
├── tsconfig.json		# ts 配置
├── uno.config.js		# unocss 配置
└── vite.config.js		# vite 配置