Skip to content

Commit 6aef84a

Browse files
author
Marty
committed
env ok
0 parents  commit 6aef84a

10 files changed

Lines changed: 3457 additions & 0 deletions

File tree

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎.vscode/settings.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"git.ignoreLimitWarning": true
3+
}

‎README.md‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
# 農業Web應用
2+
3+
這是一個使用Vue 3和Vite建置的現代化web應用程式。
4+
5+
## 功能特色
6+
7+
- ✨ Vue 3 Composition API
8+
- ⚡ Vite快速建置工具
9+
- 🎨 現代化UI設計
10+
- 📱 響應式設計
11+
- 🌱 ES6模組語法
12+
13+
## 安裝與執行
14+
15+
### 安裝依賴
16+
```bash
17+
npm install
18+
```
19+
20+
### 開發模式
21+
```bash
22+
npm run dev
23+
```
24+
25+
### 建置專案
26+
```bash
27+
npm run build
28+
```
29+
30+
### 預覽建置結果
31+
```bash
32+
npm run preview
33+
```
34+
35+
## 專案結構
36+
37+
```
38+
agri-web/
39+
├── index.html # 主要HTML檔案
40+
├── vite.config.js # Vite配置檔案
41+
├── package.json # npm專案配置
42+
├── src/
43+
│ ├── main.js # 應用程式入口
44+
│ ├── App.vue # 主要應用組件
45+
│ └── components/
46+
│ └── HelloWorld.vue # Hello World組件
47+
└── README.md
48+
```
49+
50+
## 使用說明
51+
52+
1. 點擊「顯示Hello World」按鈕
53+
2. 查看Hello World組件的顯示效果
54+
3. 再次點擊按鈕可隱藏訊息
55+
56+
## 技術架構
57+
58+
- **前端框架**: Vue 3
59+
- **建置工具**: Vite
60+
- **開發語言**: JavaScript ES6+
61+
- **樣式**: CSS3 with animations
62+
- **模組系統**: ES6 import/export

‎index.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-TW">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>農業Web應用</title>
7+
</head>
8+
<body>
9+
<div id="app"></div>
10+
<script type="module" src="/src/main.js"></script>
11+
</body>
12+
</html>

0 commit comments

Comments
 (0)