不用 Cursor,我是怎么用十分钟搞定手机网站搭建上线的?
先聊一个经常被问到的问题：为什么不用 Cursor？毕竟它确实是目前最强的 AI 编程工具之一。但说到底，它更适合完整的本地开发环境。当你只是想快速验证一个想法、搭建一个网站原型时，摆在你面前的往往是这样的流程：配置本地环境、安装依赖包、处理部署问题、解决跨平台兼容……光是这些步骤就足够劝退不少人。这时候，一个基于浏览器的全栈开发环境，反而可能是更高效的选择。
为什么不用 Cursor？
尽管 Cursor 很强大，但它默认你已经在本地搭好了完整的开发环境。当需求变成“快速出一个可用的手机网站原型”时，环境配置和依赖安装的时间成本就显得格外突出。这时，一个零配置、浏览器内完成全栈开发的工具，显然更贴合“快”这个核心诉求。
什么是 Bolt.new
Bolt.new 是 StackBlitz 团队推出的一款革命性 AI 驱动的 Web 开发工具，它让你直接在浏览器中就能进行全栈开发，无需任何本地环境配置。通过简单的自然语言对话，它能帮你完成从项目创建、依赖安装到部署上线的全过程。支持 React、Vue、Astro 等主流框架，还能运行 Node.js 服务器并处理 API 请求——一个集开发、测试、部署于一体的 AI 辅助开发平台。
作为一枚爱折腾的开发者，第一时间就上手试了试，没想到真的十分钟就搭好并上线了一个手机网站。今天就把这个有趣的经历拆开来讲讲。
初遇 Bolt.new
说实话，一开始也没抱太大期望。毕竟市面上 AI 工具多如牛毛，真能带来什么惊喜？但深入了解它的核心特性后，确实被吸引了：直接在浏览器里全栈开发、不用配置本地环境、AI 帮忙写代码装依赖部署上线……这种体验，听起来是不是很心动？
Bolt.new 把 AI 能力和开发环境无缝结合在一起，让你把精力集中在创造本身，而不是被各种配置和环境问题牵绊。
十分钟开发实录
那么，实际体验如何？打开 bolt.new 的页面，直接输入一句话：
“帮我创建一个基于 Astro 和 Vue 的移动端网站，用 Tailwind CSS 做样式”
就这么简单，AI 立刻开始干活：创建项目、安装依赖、配置环境……虽然等待时间比本地开发稍长，但胜在完全不用自己动手。环境就绪后，继续让 AI 搭建基础布局：
产品展示
看到这个基础框架，心里就有谱了。接下来添加实际内容，让 AI 设计一个产品卡片组件：
function ProductCard({ product }) {
return (
...
);
}
程序会自动生成构建过程，然后一个线上可访问的网址就诞生了：
在线预览地址：
https://cozy-ba varois-746d6a.netlify.app/
提示词
整套提示词打磨了近半个小时，600 多字，扔进去就能直接生成一个现代美观的网站。里面包含了丰富详细的设计规范和代码提示，很有参照价值。
使用小贴士
实际使用中也有一些小技巧值得注意。跟 AI 交流要尽量具体——与其说“做个好看的按钮”，不如说“做个带阴影和渐变的圆角按钮”。另外，性能优化别忘了，习惯性地加入一些优化代码：
// 图片懒加载// 组件按需加载 const LazyComponent = lazy(() => import('./Component'))
最后的思考
Bolt.new 最适合什么场景？答案很明确：快速验证想法的时候。比如想试试新学的框架？用它！要做个演示 Demo？用它！要快速搭建原型？用它！
但如果是复杂的业务项目，传统开发方式可能还是更稳妥的选择。毕竟工具再好，也是辅助，不是万能的。
写在最后
技术在进步，工具在进化，但最重要的还是我们如何用好它们。Bolt.new 给出了一个新的可能，让开发变得更轻松有趣。期待未来会有更多这样的工具出现——毕竟，谁不想又快又好地把想法变成现实呢？
