Skip to content

xiao-xiaozi/vue3-admin

Repository files navigation

vue3-admin

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint

Todo

  • 自定义指令判断是否渲染当前元素
  • 页面的缓存机制配置
  • 菜单icon因为按需引入缘故,通过component加载时无法正常显示。手动引入或其他方法?手动引入
  • 维护当前打开的页面数据
  • 接入easy-mock加载mock数据
  • 页面切换动画
  • 打开的标签页信息中首页不可删除,不显示删除按钮。
  • 简易的登录页以及后台渲染基础框架
  • 动态挂载菜单
    • 处理可在标签页打开的菜单,预期在route.mete中新增inTab属性
  • 打开的标签页做持久化,否则刷新时会丢失
  • 自动引入elementPlus组件时,配置默认语言为中文
  • 部署Github Page后,lowdb.write方式报错TypeError: Converting circular structure to JSON
  • 使用jsconfig.json配置,导致组件名称的绿色颜色没有了,同时computed等方法无法自动导入。但可以联想路径,配置有问题???
{
    "compilerOptions": {
        "target": "es2016",
        "allowSyntheticDefaultImports": false,
        "baseUrl": "./",
        "module": "esnext", //使用模块化的时候,使用es的模块化
        "moduleResolution": "node", //模块的查找顺序按照node的顺序进行查找
        "paths": {
            "@/*": [
                "src/*"
            ]
        }
    },
    "exclude": [
        "node_modules",
        "dist"
    ]
}

加上"module": "esnext""moduleResolution": "node" 配置可解决模块导入问题。(组件名绿色丢失和Vue方法自动导入)

参考/借鉴

d2-admin

About

a template for Vue3 and Element plus

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages