https://github.com/webduinoio/agri-web
樂農官網
https://github.com/webduinoio/agri-web
Last synced: 6 months ago
JSON representation
樂農官網
- Host: GitHub
- URL: https://github.com/webduinoio/agri-web
- Owner: webduinoio
- Created: 2025-05-29T01:23:29.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-06-30T01:04:54.000Z (7 months ago)
- Last Synced: 2025-06-30T02:23:18.161Z (7 months ago)
- Language: Vue
- Homepage:
- Size: 18.5 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 農業Web應用
這是一個使用Vue 3和Vite建置的現代化web應用程式。
## 功能特色
- ✨ Vue 3 Composition API
- ⚡ Vite快速建置工具
- 🎨 現代化UI設計
- 📱 響應式設計
- 🌱 ES6模組語法
## 安裝與執行
### 安裝依賴
```bash
npm install
```
### 開發模式
```bash
npm run dev
```
### 建置專案
```bash
npm run build
```
### 預覽建置結果
```bash
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