- 博客(8)
- 收藏
- 关注
RSS订阅原创 关于vue3项目国际化，vuei18n的配置与使用+element-plus国际化配置
安装：npm install pinia-plugin-persistedstate@3.2.1。继续扩展，上面的persist是安装了pinia持久化插件。点击切换语言控件时同理,只需要把zh或者en传进去就行。安装：npm install vue-i18n@10。1. 在src目录下创建一个名为。的文件夹，里面放上静态的。
2024-11-04 12:21:50
775
2
原创 对现有的vue3+vite+ts项目采用vike（原vite-plugin-ssr）ssg化
这里还想表扬一下自己的文件、文件夹命名、代码都很清晰，组件和视图也分明，所以给views里面的文件改名的时候，很快就改完且没有冲突，给组件套上ClientOnly也很容易定位到什么组件。另外，推荐vue使用3.4.27版本（修复了样式属性水合的bug，我是使用了postcss-px-to-viewport里面的selectorBlackList（需要忽略的CSS选择器），才发现原来的vue有这个bug的，没想到刚好最新版本的vue修复了）参考：1.2.3.4.5.
2024-05-20 18:46:24
2369
6
原创 vue3+typescript配置全局type
2.tsconfig.app.json文件里的include写上： "global.d.ts"，这样在global.d.ts定义的接口便是全局接口，不需要组件里重复使用import导入。3. 如果你只想global.d.ts作为接口的入口文件，而不是直接写接口，可以参考下面代码，注意global.d.ts文件导入接口时，1. 在tsconfig.app.json同级目录下创建名称为global.d.ts的文件。
2024-02-19 18:10:55
2207
3
原创 vue3+vite+WebUploader文件上传
如果你不是被迫使用WebUploader的，可以离开这篇文章去找其他适合vue3的文件上传框架了，如果你已经进了这个坑，下面的介绍希望能让你少踩点坑。
2023-12-29 15:24:07
1628
3
原创 vue3+vite配置反向代理+结合.env.development文件
参考官网：https://cn.vitejs.dev/config/server-options.html#server-host原理大意：服务器和服务器之间默认是没有跨域限制的，vite通过开启代理服务器充当中间角色，将客户端的请求转发到服务器上，服务器响应后，再将响应结果返回给客户端。注意：vite反向代理仅在开发环境有用，如果打包了，就不会走反向代理了，这是因为打包后vue3项目会被编译成纯前端代码，一般情况下它会被放在和后端一样的ip端口下，这个时候就不会有跨域问题了。npm run dev
2023-12-18 11:48:12
3446
4
原创 关于vue3动态路由定义（限制类型、页面生命周期不重复更新问题）、404路由定义
routes: [})这样写无论id填了什么，都会跳转到以test.vue为基底的页面// 当访问的路径不存在},// 通配，访问没有定义的路由都会走这里。
2023-12-04 10:28:35
530
原创 vite+vue3+element-plus配置按需自动导入
2. 安装按需自动导入：npm install -D unplugin-vue-components unplugin-auto-import，这两个插件用于按需自动导入elementPlus，插件其实是将需要的组件的css或者sass文件自动引入进来，不需要我们在js里面手动import，只需要在模板写上elementPlus的组件即可。其中自动导入必须遵循名称格式 {prefix：默认为i}-{collection：图标集合的名称}-{icon：图标名称}
2023-12-04 09:42:11
2627
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人