框架搭建
小曲曲
这个作者很懒,什么都没留下…
展开
-
十五、vue3+ts项目框架搭建——环境变量和代理跨域及api的定义
在根目录下新建三个环境变量配置文件 .env.development(开发环境).env.test(测试环境).evn.production(生产环境)分别定义开发环境、线上环境和测试环境的变量webpackVUE_APP_TITLE = 学企来# 开发环境配置# 路由懒加载vite:默认只有 VITE_ 开头的变量可以被访问。原创 2024-02-18 09:57:13 · 640 阅读 · 0 评论 -
十四、vue3+ts项目框架搭建——路由鉴权——进度条
【代码】十四、路由鉴权——进度条。原创 2024-02-18 09:56:32 · 473 阅读 · 0 评论 -
十三、vue3+ts项目框架搭建——登录、退出登录逻辑梳理
登录登录之后存储token在pinia,在请求头传递token拿到token之后获取用户信息,存储在pinia跳转首页(或退出登录时携带的路径)退出登录掉接口告知退出登录清除跟用户有关的store数据跳转登录页并携带参数:当前路径(下次登录可直接跳转到退出前的页面)原创 2024-02-18 09:55:59 · 444 阅读 · 0 评论 -
十二、vue3+ts项目框架搭建——实现全屏模式
【代码】十二、实现全屏模式。原创 2024-02-18 09:55:21 · 479 阅读 · 0 评论 -
十一、vue3+ts项目框架搭建——点击刷新实现页面刷新——组件重加载
点击刷新,将内容区域组件重新加载即可。原创 2024-02-18 09:54:49 · 767 阅读 · 0 评论 -
十、vue3+ts项目框架搭建——根据菜单动态生成面包屑route.matched
【代码】十、根据菜单动态生成面包屑route.matched。原创 2024-02-18 09:54:18 · 445 阅读 · 0 评论 -
九、vue3+ts项目框架搭建——顶部左侧按钮折叠菜单效果
【代码】九、顶部左侧按钮折叠菜单效果。原创 2024-02-18 09:53:20 · 504 阅读 · 0 评论 -
八、vue3+ts项目框架搭建——右侧下部页面内容区域
【代码】八、右侧下部页面内容区域。原创 2024-02-18 09:52:46 · 488 阅读 · 0 评论 -
七、vue3+ts项目框架搭建——动态菜单—递归组件的使用
【代码】七、动态菜单—递归组件的使用。原创 2024-02-18 09:52:18 · 838 阅读 · 0 评论 -
六、vue3+ts项目框架搭建——全局配置文件的定义和使用
/用于项目logo|标题配置title: '硅谷甄选运营平台', //项目的标题logo: '/public/logo.png', //项目logo设置logoHidden: true, //logo组件是否隐藏。原创 2024-02-18 09:50:57 · 519 阅读 · 0 评论 -
五、vue3+ts项目框架搭建——全局scss变量定义及使用
【代码】五、全局scss变量定义及使用。原创 2024-02-18 09:50:21 · 1235 阅读 · 0 评论 -
四、vue3+ts项目框架搭建——pinia
在store文件夹下新建user.jsdefineStore定义一个store第一个参数是你的应用中 Store 的唯一 ID第二个参数可接受两类值:Setup 函数或 Option 对象仓库最好使用 store 的名字,同时以use开头且以Store结尾。(比如})原创 2024-02-18 09:49:46 · 781 阅读 · 0 评论 -
三、vue3+ts项目框架搭建——路由
安装指令 pnpm install vue-router配置路由文件 /src/router/index.ts路由文件单独提取src\router\index.ts//通过vue-router插件实现模板路由配置import { createRouter, createWebHashHistory } from 'vue-router'import { constantRoute } from './router'//创建路由器const router = cre原创 2024-02-18 09:48:57 · 680 阅读 · 0 评论 -
二、vue3+ts项目框架搭建——必备工具
在src文件夹目录下创建一个index.ts文件:用于注册components文件夹内部全部全局组件!!!})在mian.js配置。原创 2024-02-18 09:48:08 · 1304 阅读 · 0 评论 -
一、vue3+ts项目框架搭建——规范
eslint针对的是javascript,他是一个检测工具,包含js语法以及少部分格式问题,在eslint看来,语法对了就能保证代码正常运行,格式问题属于其次;会在根目录下生成个一个.husky目录,在这个目录下面会有一个pre-commit文件,这个文件里面的命令在我们执行commit的时候就会执行。对于我们的commit信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用。当我们对代码进行commit操作的时候,就会执行命令,对代码进行格式化,然后再提交。原创 2024-02-18 09:47:07 · 1985 阅读 · 0 评论