首頁 > web前端 > js教程 > 主體

跳過儀表板

王林
發布: 2024-08-29 14:15:01
原創
1148 人瀏覽過

資料嘔吐機器人的時代正在趨於穩定。

像MC一樣打字很累。

如果您像我一樣,您正在嘗試簡化您的技術堆疊。

花點時間原諒你的寵物機器人併計劃一次個人黑客馬拉松。一天的正念可以消除壓力。

大多數日曆應用程式都可以為您規劃您的一天。

任務?我們正在與我們的同伴賽跑,並試圖延長 5 美元的“投資”,因為 Wordpress 太貴了。

可以做什麼?

拿出你最喜歡的框架或庫。留意你的人工智慧助手,讓他們休息一下。

尊重 GPT 的速度有多快。

跳過待辦事項應用程式。跳過麵包屑。跳過導航。

跳過資料庫。跳過雲端功能。跳過容器。

禪宗模式從空白頁開始。

我們需要提示。

從簡單的指令模式開始:

const commands = {
  'manage:posts': {
    'label': 'Go to posts',
    'action': ['navigate', 'https://example.com/posts']
  },
  'post:edit:1': {
    'label': 'Hello world',
    'action': ['navigate', 'https://example.com/posts/1/edit']
  },
}
登入後複製

從那裡新增按鍵綁定。

const open = false;

useChord(['cmd+k'],() => {
  open = true;
])

useChord(['cmd+k', 'cmd+w'], () => {
  open = false;
})

...
登入後複製

我想要一個搜尋功能,所以我引導了一個組合框:

<ComboBox :items="commands" onSelected="executeCommand" />
登入後複製

Skip the dashboard

現在我可以執行任何函數或導航到任何頁面,而無需編寫一堆 Tailwind 或 CSS。

接下來我將重點放在表單上。

Zod 驗證我的強型內容。

Skip the dashboard

我新增了一個指令來儲存表單。

const schema = z.object({
  thePost: z.string().min(1),
})

const form = useForm({schema}))

useChord(['cmd+s'], () => {
  form.submit('https://sayless.gg/post/create')
})
登入後複製

長話短說,我處於禪宗模式大約 3 個小時,並調整了解析 Markdown 的提示。

Skip the dashboard

感謝您的閱讀!祝你好運找到我的博文

以上是跳過儀表板的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!