Pinia 状态管理的数据持久化 (pinia-plugin-persistedstate)
2024-05-09Pinia 状态管理的数据持久化 推荐使用(pinia-plugin-persistedstate) pinia-plugin-persist也可以,但是有一些bug 。_pinia-plugin-persistedstate
vite优化
2024-05-09优化真的很费时又不能确保一定能有很飞跃的效果,在不断摸索中前进~~1.使用 yarn 在 package.json 内配置(推荐)2、vite中去使用:vite.config.ts中配置。2.使用 npm,在电脑 host 文件加上如下配置即可。gzip 与 brotli 在 nginx 内的配置。插件进行进行代码体积分析,从而优化你的代码。在需要的组件内加载echarts,绘制图表。_rollup-plugin-analyzer
vue3项目 引入unocss原子化
2024-05-09安装unocss在vite.config.ts 中进行引入plugins: [unoCss({rules:[// 定义了flex,red 即可直接使用})],})main.ts 中引入App.vue 中 使用
Error: PostCSS plugin autoprefixer requires PostCSS 8 问题解决办法
2024-05-09报错:Error: PostCSS plugin autoprefixer requires PostCSS 8。执行:npm i postcss-loader autoprefixer@8.0.0。原因:autoprefixer版本过高。降低autoprefixer版本。_postcss plugin autoprefixer requires postcss 8.
npm ERR! notarget No matching version found for @eslint/eslintrc@^2.1.4.
2024-05-08首先,我怀疑了自己的nodenpm的版本,怀疑了自己的网络问题,怀疑了我当前的操作目录问题。这些都不是。最终发现,是因为我自己的npm指定的镜像源registry中,的的确确是没有该版本的该依赖!!而切换了一个镜像源之后重新跑命令,就可以成功。_no matching version found for eslint-plugin-import@2.28.0-2.
一篇文章搞懂,vue中pc端与移动端适配解决方案(亲测有效)
2024-05-08当涉及屏幕适配方案时,我们常常被众多选择所困扰,如postcss-pxtorem、postcss-px2rem、px2rem-loader、postcss-plugin-px2rem等。然而,在实际测试中,由于不同的Vue和Webpack版本,很多这些方式已经无法使用,反而带来了更多麻烦。为了尽快解决问题,我们应该始终以解决问题为导向,首先采用那些已经获得验证并能产生效果的方法。对于上述列举的方案,虽然没有一一测试过,但我们需要明确的是,抓住解决问题的关键。_vue项目pc端和移动端适配
搭配 TypeScript 使用 Vue
2024-05-08【代码】搭配 TypeScript 使用 Vue。_the "typescript vue plugin (volar)" extension is no longer needed in version
快速搞懂Pinia及数据持久化存储(详细教程)
2024-05-08简单搞懂Pinia的使用及使用pinia-plugin-persist插件实现数据持久化存储_pinia持久化
Vue3 vite搭建基础架构(10)--- 使用less和vite-plugin-vue-setup-extend
2024-05-07这里记录下自己在Vue3 vite的项目使用less来写样式以及使用vite-plugin-vue-setup-extend直接定义组件name,不使用ts语法,方便以后直接使用。_vite-plugin-vue-setup-extend
scss全局变量配置
2024-05-07今天想在项目中,使用一个全局生效的自定义scss变量。看看整个项目的scss引入,创建了一个main.scss文件,然后在main.js中导入了。_[plugin:vite:css] [sass] undefined variable.