This template should help get you started developing with Vue 3 in Vite.
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
See Vite Configuration Reference.
npm install
npm run dev
npm run build
Run Unit Tests with Vitest
npm run test:unit
Lint with ESLint
npm run lint
- 自定义指令判断是否渲染当前元素
- 页面的缓存机制配置
- 菜单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方法自动导入)