Skip to content

介绍

关于

fs-admin 是一款由方是科技前端团队打造的中后台管理系统框架,使用最新的前端技术栈(Vue3 + Vite + Typescript + Pinia + Element-plus),内置丰富的组件和业务模板,可极大的提高日常开发效率。

环境准备

  • git: 你需要 git 来克隆和管理项目版本
  • NodeJS: >=18.12.0,推荐 18.19.0 或更高
  • pnpm: >= 8.7.0,推荐最新版本(npm install -g pnpm)
  • IDE: 推荐使用 VSCode,并安装以下插件:
    • Vue - Official
    • Prettier - Code formatter
    • ESLint

使用

  • 安装项目脚手架:npm install -g fskj-cli
  • 在需要创建项目的文件夹,运行命令:fs-cli init project-name
init
  • 选择admin模版

目录结构

┌── public				# 静态资源(不会被vite处理)
├── src					# 源代码
│	├── api				# 接口
│	├── assets			# 静态资源(会被vite处理)
│	├── components		# 组件库
│	├── config			# 配置
│	├── directives		# 自定义指令
│	├── layouts			# 框架布局视图
│	├── router			# 路由表
│	├── stores			# 状态管理
│	├── types			# ts类型申明
│	├── utils			# 全局公用方法
│	├── views			# 所有视图
│	├── App.vue			# 入口视图
│	└── main.ts			# 入口文件
├── .editorconfig		# 统一编辑器样式
├── .env.development	# 开发环境配置
├── .env.production		# 生产环境配置
├── package.json		# 包管理
└── vite.config.js		# vite 配置