现在进入页面开发，组件库选择ElementPlus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择Tailwindcss，这样开发过程不用去想很多的类名，不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr
现在进入页面开发，组件库选择ElementPlus，考虑到前端写样式每个人的写法都不同，这样维护起来也是比较麻烦的，所以选择Tailwindcss，这样开发过程不用去想很多的类名，不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr
Vue2.7+Vitevue2.7+vue-router3+pinia示例代码:https://github.com/klren0312/vite_vue2.7示例页面:https://klren0312.github.io/vite_vue2.7/用到的vite插件@vitejs/plugin-vue2vite的vue2.7插件@vitejs/plugin-legacy打包支持IEunplugin-vue-components按需引入插件相关配置1.vscode的vetur插件适配参考资料:https://github.com/vuejs/vetur/issues/2296#issuecom
Vue2.7+Vitevue2.7+vue-router3+pinia示例代码:https://github.com/klren0312/vite_vue2.7示例页面:https://klren0312.github.io/vite_vue2.7/用到的vite插件@vitejs/plugin-vue2vite的vue2.7插件@vitejs/plugin-legacy打包支持IEunplugin-vue-components按需引入插件相关配置1.vscode的vetur插件适配参考资料:https://github.com/vuejs/vetur/issues/2296#issuecom
Vite法语意为"快速的"，发音/vit/，下一代前端开发与构建的工具，等于现在的webpack。第一感觉：npmrundev的时候跑项目飞快创建vue3项目#npm版本,安装vu3之前需要检查npm版本号，对号入座：npm-v#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线：npminitvite@latestmy-vue-app----templatevue安装依赖npmi运行项目npmrundevVSC安装vue3配套插件Volar相信使用vscode和vue2的同学对vetur这个插件一定不会陌生。认识页面t
Vite法语意为"快速的"，发音/vit/，下一代前端开发与构建的工具，等于现在的webpack。第一感觉：npmrundev的时候跑项目飞快创建vue3项目#npm版本,安装vu3之前需要检查npm版本号，对号入座：npm-v#npm6.xnpminitvite@latestmy-vue-app--templatevue#npm7+,需要额外的双横线：npminitvite@latestmy-vue-app----templatevue安装依赖npmi运行项目npmrundevVSC安装vue3配套插件Volar相信使用vscode和vue2的同学对vetur这个插件一定不会陌生。认识页面t
前言 最近一直在看vite的源码（传送）,恰逢公司的项目使用的是webpack，正好借此机会做下迁移，并将该过程记录。当前项目使用webpack+vue2对比 这里挑选了一个比较复杂的路由页面，分别使用vite和webpack启动，记录从npmrunstart到页面加载的耗时 vite webpack基础改造 package.json中新建指令 alias别名 和webpack一样，配置resolve.alias 全局变量注入 使用vite内置的define代替webpack的DefinePlugin proxy代理 定义server.proxy代替webpa
前言 最近一直在看vite的源码（传送）,恰逢公司的项目使用的是webpack，正好借此机会做下迁移，并将该过程记录。当前项目使用webpack+vue2对比 这里挑选了一个比较复杂的路由页面，分别使用vite和webpack启动，记录从npmrunstart到页面加载的耗时 vite webpack基础改造 package.json中新建指令 alias别名 和webpack一样，配置resolve.alias 全局变量注入 使用vite内置的define代替webpack的DefinePlugin proxy代理 定义server.proxy代替webpa
下周就要离开公司了，把手头上的事整理的差不多了，我的小伙伴被隔离要下周来才能交接，趁这个时间写点技术，之前处理了很多的oss、aws上传今天写下来，以后可能会用到，下面先说说oss的简单上传方式，因为分片上传最好100m以上，但这个分片上传呢，我们在开发服、测试服的时候都可以用，而生产环境因为运维那边配置了严格的权限，最后在生产环境用不了，还是用了简单上传，不管是简单上传还是分片上传，百度都有方法，只是参数不对就会影响上传1、先说client.put简单上传的参数，需要引入oss的sdkconstparams={ "dir":this.uploadData.dir,//路径 "dist
下周就要离开公司了，把手头上的事整理的差不多了，我的小伙伴被隔离要下周来才能交接，趁这个时间写点技术，之前处理了很多的oss、aws上传今天写下来，以后可能会用到，下面先说说oss的简单上传方式，因为分片上传最好100m以上，但这个分片上传呢，我们在开发服、测试服的时候都可以用，而生产环境因为运维那边配置了严格的权限，最后在生产环境用不了，还是用了简单上传，不管是简单上传还是分片上传，百度都有方法，只是参数不对就会影响上传1、先说client.put简单上传的参数，需要引入oss的sdkconstparams={ "dir":this.uploadData.dir,//路径 "dist
