关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

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

发布时间:2023-06-29 14:00:39

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

/template/Home/leiyu/PC/Static