首先，我利用创建Vue3-vite-router模板快速建立一个项目，执行依赖安装与启动命令，确保项目运行无误。然后，通过构建和预览，发现当修改页面内容后，点击导航至新页面时，旧版本的JS文件请求失败，原因在于文件名hash变动，而之前的html文件引用了旧hash名。这说明懒加载的优化在此次场景下反而成了问题。为...
Vue3+Vite项目,如何配置ESLint和Prettier实现代码规范化? 配置 ESLint 和 Prettier 来实现代码规范化是 Vue 3 项目中的关键步骤。本文将记录使用 Vite 和 Vue 3 创建的 JavaScript 项目中配置 ESLint 和 Prettier 的经验，以及如何在后续添加 husky 和 lint-staged 以在 Git 提交时自动检查和格式化代码。项目采用了 pnpm 作为包管理器，因此在使用时需针对 ...
Vue3+Vite4+Ts 项目搭建 这个配置在Vue\cli脚手架中默认可以使用，但是在Vite搭建的Vue3项目中我们需要配置一下；整体配置如下：在配置完成后，可能会报错为：找不到模块path或其相应的类型声明 解决方案：官方已经提供了声明文件，无需自己写d.ts文件，下载依赖即可 下载node包对应的types声明文件，当你下载完毕后，报错信息就消...
vite+vue3项目中使用jsx/tsx语法 在进行Vite + Vue3项目中使用jsx/tsx语法时，首先需要借助Vite官方提供的插件：@vitejs/plugin-vue-jsx。安装步骤如下：1. 执行安装命令：在项目根目录中运行npm或yarn安装@vitejs/plugin-vue-jsx插件。2. 完成安装后，在package.json文件中应能查看到已安装的插件。3. 配置Vite项目，需在vite.confi...
VUE3+VITE4 打包部署的Nginx配置 重点在于两个设置：1. /api/路径后是否跟有斜杠，需根据项目实际情况进行决定。2. proxy_pass 10.84.***.***:9199/; #替换为实际后端服务器地址和端口 在proxy_pass配置中，需特别注意添加斜杠。如果没有斜杠，直接访问将无法成功获取后端API。总结以上，VUE3+VITE项目在开发环境与正式环境的连接...
