匠人学院 JR Academy学AI来匠人
匠人学院 JR Academy学AI来匠人

Follow Us

linkedinfacebooktwitterinstagramweiboyoutubebilibilitiktokxigua

We Accept

/image/layout/pay-paypal.png/image/layout/pay-visa.png/image/layout/pay-master-card.png/image/layout/pay-airwallex.png/image/layout/pay-alipay.png
EN

关于公司

关于我们元宇宙课堂新闻资讯匠人工作成为导师匠人导师联系我们匠人商店J3.Club

匠人资源

工作内推匠人活动1对1私教行业白皮书线上学习平台面试中心分享面试经验Internship会员中心

AI 工具

AI 工具箱考证匠 Cert Master求职匠 Job Hunter牛小匠 UniMate AI

AI 学习方向

全部学习方向AI EngineerContext EngineeringVibe CodingPrompt MasterAI BuilderAI 产品经理Python 入门

AI 应用提效

AI 办公提效AI 数据分析AI 财务AI 内容创作AI 视觉创作前端开发Hermes AgentOpenClaw 本地智能体

大学资源

墨尔本大学昆士兰大学新南威尔士大学悉尼大学莫那什大学阿德莱德大学RMITQUTUTS

少儿 AI 教育

Airbotix 少儿 AI 编程澳洲家长实用资料库NAPLAN 成绩单怎么看My School 学校数据指南悉尼私校学费 2026少儿编程课程与训练营

移民服务

澳洲移民技术移民189/190/491雇主担保482/186/494投资移民188/888英国移民美国移民加拿大移民

企业合作

P3职业孵化器Enterprise (EN)企业培训实习合作招聘合作申请合作

求职代理

岗位代投职位监控LinkedIn代运营LinkedIn人脉代加了解P3项目

匠人支持

FAQsTerms & ConditionsPrivacy PolicyCancellation & Refund PolicySite map

Top Categories

Web全栈班DevOps项目班数据工程全栈班数据分析项目班编程入门班Business Analyst实习算法集训营

求职就业

BA和产品经理实习数据科学实习数据分析实习Marketing实习简历修改面试指导导师指导VIP

地址

Level 10b, 144 Edward Street, Brisbane CBD(Headquarter)
Level 2, 171 La Trobe St, Melbourne VIC 3000
四川省成都市武侯区桂溪街道天府大道中段500号D5东方希望天祥广场B座45A13号
Business Hub, 155 Waymouth St, Adelaide SA 5000

联系方式

hello@jiangren.com.au0421-672-555

Disclaimer

footer-disclaimerfooter-disclaimer

JR Academy acknowledges Traditional Owners of Country throughout Australia and recognises the continuing connection to lands, waters and communities. We pay our respect to Aboriginal and Torres Strait Islander cultures; and to Elders past and present. Aboriginal and Torres Strait Islander peoples should be aware that this website may contain images or names of people who have since passed away.

匠人学院网站上的所有内容,包括课程材料、徽标和匠人学院网站上提供的信息,均受澳大利亚政府知识产权法的保护。严禁未经授权使用、销售、分发、复制或修改。违规行为可能会导致法律诉讼。通过访问我们的网站,您同意尊重我们的知识产权。JR Academy Pty Ltd 保留所有权利,包括专利、商标和版权。任何侵权行为都将受到法律追究。查看用户协议

© 2017-2026 JR Academy Pty Ltd. All rights reserved.

ABN 26621887572

首页/资源中心/文章详情
JR Academy · Blog职业洞察

Windsurf AI IDE 实战指南 — 安装与第一个项目

5 分钟装好 Windsurf,跑通第一个 AI 辅助开发项目

发布日期2026-09-20
阅读时长1 分钟
作者

快速导航

  • 下载安装
  • 注册与登录
  • 第一个项目:用 Cascade 生成一个 Todo App
  • 关键操作速查
  • Turbo 模式
  • 索引与 .windsurfignore
  • Memories:让 AI 记住你的习惯

下载安装

Windsurf 支持 macOS、Windows、Linux 三个平台,去官网下载对应安装包就行:

Windsurf 安装与初始界面

# macOS(也可以直接下载 .dmg)
brew install --cask windsurf

# Linux(Debian/Ubuntu)
# 去 windsurf.com/download 下载 .deb,然后:
sudo dpkg -i windsurf_*.deb

# Windows
# 直接下载 .exe 安装包,双击运行

安装后第一次启动,Windsurf 会问你要不要导入 VS Code 或 Cursor 的设置。强烈建议导入——主题、快捷键、插件都能保留,体验几乎一模一样。

注册与登录

打开 Windsurf 后右侧会出现 Cascade 面板,点击登录。支持 Google、GitHub 账号直接注册,免费账户就能开始用。

注册完成后你会获得:

免费额度 说明
Tab 自动补全 无限量,不消耗任何 credit
Cascade 对话 每月 25 次 prompt credit
模型 默认使用 Codeium 基础模型

25 次 Cascade 够你完整体验功能了。觉得好用再考虑升级 Pro($15/月,500 credit)。

第一个项目:用 Cascade 生成一个 Todo App

打开一个空文件夹,然后在 Cascade 面板里输入:

帮我创建一个 React + TypeScript 的 Todo 应用,要求:
- 用 Vite 脚手架
- 支持添加、删除、标记完成
- 用 Tailwind CSS 做样式
- 数据存 localStorage

Cascade 会开始规划任务,你能看到它的执行步骤:

  1. 运行 npm create vite@latest 初始化项目
  2. 安装 Tailwind CSS 依赖并配置
  3. 创建 TodoApp.tsx、TodoItem.tsx 组件
  4. 编写 localStorage 读写逻辑
  5. 运行 npm run dev 启动开发服务器

整个过程大概 2-3 分钟。Cascade 每一步都会展示 diff 预览,你可以点 Accept 或 Reject 逐步控制。

关键操作速查

快捷键 作用
Ctrl/Cmd + L 打开 Cascade 面板
Ctrl/Cmd + I Inline Edit(选中代码后原地修改)
Tab 接受 Supercomplete 补全建议
Esc 拒绝当前补全建议
Ctrl/Cmd + Shift + P 命令面板(和 VS Code 一样)
Ctrl/Cmd + . 快速修复(Quick Fix)

Turbo 模式

Cascade 默认每一步都要你点 Accept。开启 Turbo 模式后,Cascade 可以自动执行终端命令,不再逐步确认。适合你信任 AI 输出、想让它一口气跑完的场景。

在 Cascade 面板顶部找到 Turbo 开关,或者在设置里搜索 turbo:

// settings.json
{
  "windsurf.cascade.turboMode": true
}

刚上手的时候建议关着 Turbo,等你熟悉 Cascade 的行为模式后再打开。跑 rm、DROP TABLE 这类危险命令时 Cascade 仍然会弹确认,不会盲执行。

索引与 .windsurfignore

第一次打开大项目时,Windsurf 会做代码库索引(Indexing)。这个过程会吃 CPU 和内存,大项目可能要等几分钟。别急着开始问 Cascade 问题,等右下角的索引进度条跑完再操作,否则 AI 回答的上下文会不完整。

在项目根目录创建 .windsurfignore 文件,排除不需要索引的目录:

node_modules/
dist/
build/
.git/
*.lock
coverage/
.next/

这样能把索引文件数量减少 90% 以上,Cascade 响应也会更快。

一个实测数据:10 万行代码的 Next.js monorepo,不加 .windsurfignore 索引要 4 分钟,排除 node_modules 和 dist 后 40 秒内完成。

Memories:让 AI 记住你的习惯

Windsurf 的 Memories 功能会在使用过程中学习你的编码偏好——比如你总是用 const 不用 let、API 错误处理总是返回 { success: false, error } 格式。大约用两天后 Memories 开始生效,之后 Cascade 生成的代码会自动符合你的风格,不用每次在 prompt 里重复说明。

Memories 在设置里可以查看和清除:命令面板搜 Windsurf: Manage Memories。

作者
一键分享或复制链接
Lightman Wang
Reviewer: Lightman Wang

Founder of JR Academy

查看该作者的更多文章 →
← 上一篇Windsurf AI IDE 实战指南 — Windsurf 是什么:第一个 Agentic IDE下一篇 →Windsurf AI IDE 实战指南 — 三大核心功能深度解析

相关文章推荐

太狠了太狠了😭 NVIDIA这个AI免费项目真的太狠了

2026-09-21

GitHub Copilot 实战指南 — 常见问题、定价与选型建议

2026-09-20

GitHub Copilot 实战指南 — 进阶玩法:Coding Agent、自定义指令与 MCP

2026-09-20

GitHub Copilot 实战指南 — 核心功能深度解析:补全、Chat 与 Agent Mode

2026-09-20

GitHub Copilot 实战指南 — 快速上手:注册免费版 + 第一次 AI 编程

2026-09-20

GitHub Copilot 实战指南 — GitHub Copilot 是什么:全球最大的 AI 编程助手

2026-09-20
查看全部文章 →
JR Academy
全球华人学习 AI 第一站
✓15000+ 学员
✓50+ 课程
✓AI 驱动学习平台
训练营免费资源AI学习职业辅导
精选推荐
AI 职业影响地图
测测你的职业风险等级,查看转型路径与学习方向
热门工具
AI & 数据训练营
系统化课程 + 真实项目实战,快速提升竞争力
热门课程
1v1 就业辅导
资深导师一对一指导,简历优化 + 面试准备
就业保障
企业内训定制
AI 技能培训方案,助力团队升级
企业服务
热门标签
Vibe CodingAI 编程CursorClaude求职攻略Prompt前端开发后端开发
订阅更新

获取最新 AI 学习资源、技术教程和求职攻略,直接送达邮箱。

我们尊重您的隐私,不会发送垃圾邮件