首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue3 + vite2 + elementPlus
Terminal丶句点
创建于2021-08-03
订阅专栏
vue项目创建
等 27 人订阅
共10篇文章
创建于2021-08-03
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue3 + vite 项目搭建 - 源码
项目比较干净,填充页面即可使用,项目开发过程中还会引入更多的插件和依赖,以及更新完善,大家快行动起来吧
vue3 + vite 项目搭建 - 封装全局请求axios (单例模式)
安装依赖 统一管理配置,创建src/config/net.config.ts 封装api模块,用于管理请求路径 src/api/index.ts 创建请求所需类型 封装请求 全局注册,这里是挂载到gl
vue3 + vite 项目搭建 - 配置环境变量env
在项目根目录新建 .env.development、.env.production、.env.test 创建代码提示 env.d.ts 组件中使用 vite.config.ts中使用 package.
vue3 + vite 项目搭建 - 引入vue-router及实现权限控制
一般后台管理系统都会有管理员和普通用户的区分,所以要做权限控制 思路 创建公用页面login,可以让用户进行登录操作,根据用户信息对应的身份,匹配不同的权限模块 在路由前置钩子进行身份验证拦截,将拦截
vue3 + vite 项目搭建 - 引入vuex
预览文档,了解vuex4.0与vuex3.0的差异 安装依赖 在src路径下创建store文件夹,目录结构如图 用vuex实现切换语言,点击按钮增1,注意setup中怎么获取store值,vuex模块
vue3 + vite 项目搭建 - 修改ElementPlus主题
elemntPlus的主题变量本来时延用2.0版本的,所以文档也是和2.0很相似,但是根据文档去修改主题色已经不生效了,看了下主题变量代码,发现已经更换了新的写法,去查看更新日志也有更新记录,可能是对
vue3 + vite 项目搭建 - 引入ElementPlus及配置国际化
vue3 + vite 项目搭建 - 引入ElementPlus及配置国际化 element提供了完整引入和按需引入的方案,并且使用dayjs国际化
vue3 + vite 项目搭建 - 配置项目别名@
vue3 + vite 项目搭建 - 配置项目别名@ 在vite.config.ts新增
vue3 + vite 项目搭建 - 配置tsconfig
vue3 + vite 项目搭建 - 配置tsconfig在项目根目录创建 tsconfig.json
vue3 + vite 项目搭建 - 配置eslint
安装依赖 如果想使用最新版本的,可以新增一个命令 配置规则 在根目录创建 .eslintrc.js 使用eslint,我这里是借助开发工具 WebStorm,其他开发工具可以自行搜索对应的功能