标签：Vite

Vite学习教程 Vite构建Vue2

<p>记录使用Vite初始化并构建Vue2项目的完整流程，包括创建项目、修改main.js、App.vue与HelloWorld.vue、配置vite.config.js、调整package.json依赖，以及安装Vue2与@vitejs/plugin-vue2插件并启动开发服务。</p>

Vite学习教程 Vite+Vue2配置环境变量

<p>介绍在Vite+Vue2项目中配置环境变量的方法，包括安装cross-env、创建.env与.env.development与.env.production文件、通过import.meta.env访问变量、注意VITE_前缀，以及在package.json脚本中通过--mode区分运行和构建环境。</p>

Vite学习教程 Vite+Vue2打包配置

<p>介绍Vite+Vue2项目的打包配置，通过修改vite.config.js设置base静态资源引用路径与resolve.alias路径别名@指向src，并在Vue组件中使用别名引入资源，最后执行build命令验证打包效果。</p>

Vite学习教程 Vite+Vue2构建本地SVG图标

<p>详细介绍在Vite+Vue2项目中构建本地SVG图标的步骤，包括安装vite-plugin-svg-icons、配置vite.config.js与封装插件脚本、解决fast-glob报错，以及直接在模板中使用和封装SvgIcon全局组件两种应用方式。</p>

Vite学习教程 vite.config.js配置

<p>介绍Vite项目中vite.config.js的常用配置，重点讲解如何通过server配置项设置启动服务端口、host主机访问与open自动打开浏览器，为本地开发调试提供便利。</p>