VueCli學習筆記 Day-01－2專案資料夾介紹

vue-project/
├── node_modules/         # 依賴包，存放 npm 安裝的所有第三方模組
├── public/               # 公共資源目錄，會直接複製到最終的構建目錄
│   ├── favicon.ico       # 預設的網站圖示
├── src/                  # 源碼目錄，存放應用的核心代碼
│   ├── assets/           # 靜態資源（圖片、樣式等），會被 Webpack 打包
│   ├── components/       # Vue 組件目錄，用於放置可重複使用的組件
│   ├── views/            # 頁面組件，通常與路由對應
│   ├── router/           # 路由設定檔案，通常是 `index.js`
│   ├── store/            # Vuex 狀態管理檔案（若選擇使用 Vuex）
│   ├── App.vue           # 根組件
│   └── main.js           # 應用入口文件，初始化 Vue 實例
├── index.html            # 主 HTML 模板文件
├── .gitignore            # Git 忽略文件
├── babel.config.js       # Babel 配置文件
├── package.json          # 項目的描述文件，定義依賴和腳本
├── README.md             # 項目說明文檔
└── vue.config.js         # Vue CLI 配置文件（可選，用於定制 Webpack 設定）

import './assets/main.css'        //引入樣式文件 main.css。
import { createApp } from 'vue'  //引入 createApp 這個功能。
import App form './App.vue'      //將 App.vue 中定義的組件導入。
createApp(App)：createApp()      //用來創建一個Vue的實例

app.mount('#app')