首页 > web前端 > js教程 > 正文

跳过仪表板

王林
发布: 2024-08-29 14:15:01
原创
977 人浏览过

数据呕吐机器人的时代正在趋于稳定。

像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学习者快速成长!