开发新版本Vue项目推荐你使用Vite脚手架构建开发环境，然而Vite脚手架更倾向于构建纯Web页面，而不是桌面应用，因此开发者要做很多额外的配置和开发工作才能把Electron引入到Vue项目中，这也是很多开发者都基于开源工具来构建Electron+Vue的开发环境的原因。但这样做有两个问题：第一个是这些开源工具封装了很多技术细节，导致开发者想要修改某项配置非常不方便；另一个是这些开源工具的实现方式我认为也并不是很好。所以，我还是建议你尽量自己写代码构建Electron+Vue的开发环境，这样可以让自己更从容地控制整个项目。具体应该怎么做呢？接下来我将带你按如下几个步骤构建一个Vite+El
文章目录?写在前面?webpack?Vite是什么？?使用Vite创建项目?写在最后?写在前面专栏介绍：凉哥作为Vue的忠实粉丝输出过大量的Vue文章，应粉丝要求开始更新Vue3的相关技术文章，Vue框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是Vue框架之所以火起来的原因，和Vue框架相比其他框架的巨大优势，有兴趣的伙伴可以看一下Vue框架背后的故事，随着Vue框架不断的被认可，现如今的Vue框架已经是前端工程师必备的技能了，记得尤大大开发Vue的初衷，为了让自己的开发工作更加便捷，也希望这个框架能让更多人的开发工作变得轻松；现如今V
文章目录?写在前面?webpack?Vite是什么？?使用Vite创建项目?写在最后?写在前面专栏介绍：凉哥作为Vue的忠实粉丝输出过大量的Vue文章，应粉丝要求开始更新Vue3的相关技术文章，Vue框架目前的地位大家应该都晓得，所谓三大框架使用人数最多，公司选型最多的框架，凉哥之前在文章中也提到过就是Vue框架之所以火起来的原因，和Vue框架相比其他框架的巨大优势，有兴趣的伙伴可以看一下Vue框架背后的故事，随着Vue框架不断的被认可，现如今的Vue框架已经是前端工程师必备的技能了，记得尤大大开发Vue的初衷，为了让自己的开发工作更加便捷，也希望这个框架能让更多人的开发工作变得轻松；现如今V
例子,vue3导入element-plus打包大小 1.加载插件cdn-importyarnaddvite-plugin-cdn-import-D2.配置vitevite.config.jsimport{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";import{autoComplete,PluginasimportToCDN}from"vite-plugin-cdn-import";//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue(),i
vue3＋vite,使用了三方库NProgress，使用npminstall--savenprogress安装后在项目中使用，报错：ERR_ABORTED504(GatewayTimeout)，卸载后重新安装,还是报这个错，难道是这个库有问题？，新建了一个空项目，安装后，在新项目中可以正常使用，排除库的问题，应该就是这个库没有正确安装，再次查看报错的路径，在node_modules路径下，确实没有发现nprogress，重新卸载，安装又试了好几次，还是没能正确安装，解决方法：把node_modules目录删掉，重新安装。怀疑是第一次安装时网络问题，没能正确安装呢，后面再次安装时有缓存，所以就一
前端归纳整理环境组件选择Vite为什么选Vite构建Vite总结初始化项目构建组件模块包启动一件组册组件选择组件模块element-plus封装组件构建使用装配全局关于仓库Vuex介绍什么是VueX：为什么选用Vuex总结构建本次组件仓库选择pinia构建piniaRouter构建配置全局网络请求选用--axios注册全局封装get，post接口调用测试使用日常本地接口调用mock数据：vite-plugin-mock引入依赖配置vite.config.tsnprogress进度条登录页测试（###）后续页面搭建落空下面是搭建可能遇到的问题：webstorm识别不到vite的@启动可能会报错找
vue3+vite项目不能通过require引入文件，因为require是webpack自己封装的方法，在vite中没有封装该方法所以在调用require时会报错。初始化引入本地文件可直接通过import进行引入importbooksDatafrom'@/data/zhouyi/yijing_yuanzhu/json/data.json';如果需要动态引入，则需要通过axios进行引入安装axios：npminstallaxios注意：如果默认安装最新的axios，运行项目可能会报错（Cannotreadproperty'FormData'ofundefined）然后页面空白，原因是axios
使用示例//vite.config.jsimportcreateHtmlPluginfrom'./vite-plugin-html.js'exportdefaultasync()=>{//前置处理constpages=[{//默认的filename是template的文件名，即此处为index.htmltemplate:'templates/index.html',injectOptions:{data:{//替换模板的内容}}},{//filename会用于路径匹配//path模式下正则表达式为：//`^\\/${filename}(\\?\w.*|\\/[^\\.]*)?$`//与之相对的
使用示例//vite.config.jsimportcreateHtmlPluginfrom'./vite-plugin-html.js'exportdefaultasync()=>{//前置处理constpages=[{//默认的filename是template的文件名，即此处为index.htmltemplate:'templates/index.html',injectOptions:{data:{//替换模板的内容}}},{//filename会用于路径匹配//path模式下正则表达式为：//`^\\/${filename}(\\?\w.*|\\/[^\\.]*)?$`//与之相对的
当引入path时报Dynamicrequireof“path”isnotsupported错误错误代码：解决：查看vite的版本如果是3.1.x不支持commonJS，所以要改为import{}from’’就可以了
