農業Web應用

這是一個使用Vue 3和Vite建置的現代化web應用程式。

功能特色

• ✨ Vue 3 Composition API
• ⚡ Vite快速建置工具
• 🎨 現代化UI設計
• 📱 響應式設計
• 🌱 ES6模組語法

安裝與執行

安裝依賴

npm install

開發模式

npm run dev

建置專案

npm run build

預覽建置結果

npm run preview

專案結構

agri-web/
├── index.html          # 主要HTML檔案
├── vite.config.js      # Vite配置檔案
├── package.json        # npm專案配置
├── src/
│   ├── main.js         # 應用程式入口
│   ├── App.vue         # 主要應用組件
│   └── components/
│       └── HelloWorld.vue  # Hello World組件
└── README.md

使用說明

1. 點擊「顯示Hello World」按鈕
2. 查看Hello World組件的顯示效果
3. 再次點擊按鈕可隱藏訊息

技術架構

• 前端框架: Vue 3
• 建置工具: Vite
• 開發語言: JavaScript ES6+
• 樣式: CSS3 with animations
• 模組系統: ES6 import/export