合集-前端_01_Vue3

Vue3——Vite + element-plus +Vue3 项目搭建、"@"别名设置
摘要：1. 环境准备 node 官网 npm 切换国内 npm 源镜像 npm config set registry https://registry.npmmirror.com 查看当前的镜像源 npm config get registry vscode 插件扩展包 Vue Volar extens 阅读全文
posted @ 2024-02-27 08:41 〆飛, 阅读(390) 评论(0) 推荐(1)
Vue3——环境变量的配置
摘要：vue3环境变量的配置 开发环境（development） 测试环境（testing） 生产环境（production） 项目根目录分别添加 开发、生产和测试环境的文件! .env.development .env.production .env.test 文件内容 变量必须以 VITE_ 为前缀才 阅读全文
posted @ 2024-03-01 09:44 〆飛, 阅读(511) 评论(0) 推荐(0)
Vue3——SVG 图标配置
摘要：1. SVG 图标配置 安装 SVG 依赖插件 vite-plugin-svg-icons npm i vite-plugin-svg-icons -D npm install fast-glob -D 在vite.config.ts中配置插件 import { createSvgIconsPlug 阅读全文
posted @ 2024-03-04 21:31 〆飛, 阅读(729) 评论(0) 推荐(1)
Vue3——集成 sass
摘要：安装 sass npm install sass sass-loader -D 使用 scss 语法！！！需要加上 lang="scss" <style scoped lang="scss"></style> 添加一些全局的样式 在 src/styles 目录下创建一个 index.scss 文件， 阅读全文
posted @ 2024-03-05 20:18 〆飛, 阅读(1539) 评论(0) 推荐(0)
Vue3——集成mock 模拟数据生成器
摘要：安装依赖 npm install -D mockjs vite-plugin-mock@2.9.6 在 vite.config.js 文件中引入并配置 vite-plugin-mock 插件 import { UserConfigExport, ConfigEnv } from 'vite' imp 阅读全文
posted @ 2024-03-12 19:59 〆飛, 阅读(528) 评论(0) 推荐(0)
Vue3——axios 安装和封装
摘要：axios 安装和封装 安装 npm install axios 最后通过 axios 测试接口！！！ axios 二次封装 在开发项目的时候避免不了与后端进行交互,因此我们需要使用 axios 插件实现发送网络请求。在开发项目的时候 我们经常会把 axios 进行二次封装。 目的: 1:使用请求拦 阅读全文
posted @ 2024-03-13 19:50 〆飛, 阅读(1448) 评论(0) 推荐(0)
Vue3——Vue Router
摘要：安装 vue-router 依赖包 npm install vue-router@4 创建 router 文件夹，然后在里面创建一个 index.ts 文件，用于定义你的路由配置 // index.ts import { createRouter, createWebHashHistory } fr 阅读全文
posted @ 2024-05-09 20:59 〆飛, 阅读(120) 评论(0) 推荐(0)
Vue3——Pinia+Pinia持久化
摘要：Pinia 安装 Pinia npm install pinia 创建一个 pinia 实例 (根 store) 并将其传递给应用 // store/index.ts // 仓库大仓库 import { createPinia } from "pinia"; // 创建大仓库 const pinia 阅读全文
posted @ 2024-05-25 15:00 〆飛, 阅读(1104) 评论(0) 推荐(0)