您现在的位置是：首页 >技术杂谈 >Vite + Vue3 实现前端项目工程化网站首页技术杂谈

Vite + Vue3 实现前端项目工程化

MagnumHou 2024-06-14 17:20:22
简介Vite + Vue3 实现前端项目工程化

Vue3 发布至今，周边的生态、技术方案已足够成熟，个人认为新项目是时候切换到 Vite + Vue3 了。今天就给大家操作一下这种技术方案实现前端工程化。

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
Vue权限系统案例
个人博客地址

1. 初始化项目

通过官方脚手架初始化项目

  • 第一种方式，这是使用vite命令创建，这种方式除了可以创建vue项目，还可以创建其他类型的项目，比如react项目

    npm init vite@latest

  • 第二种方式，这种方式是vite专门为vue做的配置，这种方式创建的项目在创建时会提示是否需要安装各种插件配置

    npm init vue@latest

  • 第三种方式，直接快速通过参数生成

    npm init vite@latest project-engineer --templa
风语者！平时喜欢研究各种技术，目前在从事后端开发工作，热爱生活、热爱工作。

站长推荐