使用vite创建项目

构建打包工具

 webapck vue2主要使用
 vite vue3主要使用

使用webpack构建项目

1. 创建项目录结构
   webpack-demo1
   src
      main.js
      Hello.vue
   index.html
2. 安装环境
    npm i webpack
    npm i webpack-cli
    npm i vue-loader    编译.vue文件

使用vite构建项目

npm init vue@latest
之后根据提示操作即可
这个命令会安装和执行 create-vue脚手架 选择预设 创建项目
启动项目：
1进入项目目录
2根据提示安装依赖并启动项目

使用vite构建项目的项目结构图