使用騰訊元寶創建,整體效果不錯。修正2個bug跑起來,達到了需要的功能
先上效果圖:按鈕分類別配色,界面清爽。喜歡這布局
創建過程:
prompt:?使用最新穩定vue版,使用pinia存儲,基于typescript, 樣式使用dart-sass,基于eslint規范,添加mockjs支持,及mock數據生成
輸入文本:做一個學生管理系統,有學生添加,修改、刪除,成績登記,學科有語數英、道法、歷史、生物、地理,物理8科
AI輸出:
項目初始化
項目結構
類型定義
Pinia存儲管理
組件實現:
補充2個bug:
1. import { Student } from '@/types'
修改為:import type { Student } from '@/types'
2. ScoreView.vue?
添加定義:import ScoreList from '../components/ScoreList.vue';
意外驚喜:
元寶選取文字時,有個翻譯功能,杠杠的,非常適用我這種英文不好的。