vue3 + vite 配置tailwindcss
1. 如果您还没有设置Vite项目，请先创建一个新的Vite项目。最常见的方法是使用Create Vite。shnpm create vite@latest my-project -- --template vuecd my-project2. 安装 tailwindcss 及其对等依赖项，然后在项目根目录生成 tailwind.config.js 和 postcss.config.js 文件sh
标签：vue3
vite vue3 项目配置记录
vitevue3项目配置记录参考文档https://cn.vitejs.dev/guide/基础配置JavaScriptexportdefaultdefineConfig({base:"",//配置css、js等资源为相对目录//...配置卸载这里define:{},plugins:[]})define-做一些文本替换的功能，在vue3中常见的是关闭options选项，以便打包之后缩小体积JavaScriptdefine:{__VUE_OPTIONS_API__:false,__VUE_PROD_DEVTOOLS__:false,},plugins-配置一些插件，也是vite最核心的部分**1
vue3 效率提升神器，howuse/axios 入坑指南
在以前的项目当中大量使用axios，我一般会创建一个request.js文件。接着在项目src文件夹下面创建api文件夹。大致的代码如下。js// 封装const service = axios.create({ baseURL: '/', headers: { }})// api 文件定义export const xxxType = (params: any) = service({
vue3 + vite 同步/异步批量加载路由
路由在前端开发当中很常见，频繁配置也是一项比较劳累的工作。自动化注入路由的开发模式，可以大大减少开发的时间。本文借助vite的import.meta.glob对文件进行全局加载，这种方式大大提高开发效率。
vue3 插槽继承
> 插槽继承经常会遇到，尤其是孙子组件需要得到爷组件插槽的场景，一个比较简便的方式如下。```html ```主要两个关键点，一个是插槽名称，一个是插槽数据。`$slots`获取所有的插槽，遍历可得到插槽的名称`[name]`实际上是动态插槽的写法，得到所有插槽的名称`data` 这个值根据插槽真实定义的值来写