前一段時間招聘前端開發，發現好多開發連基本的創建項目都不會，這里總結一下

在Vue 3中，使用Webpack和Vite創建的項目文件結構及語言（JS/TS）的選擇有以下主要區別：

---

1. 創建方式與文件結構差異

方式一、Webpack(Vue CLI)

• 創建命令：

  vue create project-name

• 典型文件結構：

  ├── public/              # 靜態資源（直接復制到dist）
  │   └── index.html        # 主HTML模板 
  ├── src/
  │   ├── assets/          # 靜態資源（需打包處理）
  │   ├── components/      # Vue組件 
  │   ├── App.vue           # 根組件 
  │   └── main.js           # 入口文件（JS/TS）
  ├── babel.config.js       # Babel配置 
  ├── vue.config.js         # Webpack自定義配置 
  └── package.json          # 依賴和腳本 
  

• 特點：
  • 依賴Webpack，配置復雜但靈活（需手動修改vue.config.js ）。
  • 構建速度較慢（尤其是大型項目）。

方式二、Vue

• 創建命令：

  npm create vue@latest 

   方法三、Vite

• npm create vite
  按提示選擇vue、React、Angular等框架
  再選擇語言js