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

猜你喜欢

转载自blog.csdn.net/qq_39335404/article/details/130597249