Sabrina Ramonov · 35:03 · 发布 2026-02-19 · 21.9万次观看(截至抓取) · 观看原视频
🔥 观众最高回放 04:33 — 手把手在 VS Code 安装并打开 Claude Code 插件
主旨
面向零技术基础的人,手把手演示从安装 Claude Code(走 VS Code 扩展这条最低门槛路径),到接入一个 MCP server、跑通「研究 → 写稿 → 配图 → 排期发布」社媒工作流的全过程。
核心论点
- 非技术新手装 Claude Code 最省心的路径是 VS Code + 官方扩展,而非终端命令——安装页对新手劝退,编辑器还能顺带审阅 Claude 的输出。(→ 详解1)
- 关键交互是权限分级(计划 / 问过再改 / 自动改)加项目级权限文件,让你边看边授权、授权还能被记住。(→ 详解2、3)
- 协作心法是「先问它、让它反问你、始终质疑它会错」——把找教程的本能换成问 Claude,同时坚持追问为什么。(→ 详解5、7)
- 把一次性交代的规则写进记忆文件即可跨会话自动生效,不必每次重复。(→ 详解6)
- MCP 才是 Claude Code 区别于 ChatGPT 的地方:它让写好的内容真正落地(生成视觉、排期发布到社媒)。(→ 详解8、9)
知识点详解
1. 用 VS Code + 官方扩展装,而不是碰终端 02:31
官方安装页(code.claude.com)列了各系统的一行命令,但博主认为对多数非技术观众「太吓人」。她的替代路径是:去搜索栏搜 Visual Studio Code,一路默认选项装好这个「给开发者用的 Google Doc」。
装好 VS Code 后,进扩展市场搜 Claude Code、认准 400 万+下载量装官方扩展,右上角出现橙色图标即安装成功,点它就在当前打开的文件夹里启动 Claude Code。04:26
选编辑器路径而非终端的真正理由:Claude Code 产出的草稿、临时计划、思考过程,在编辑器里查看和审阅远比在终端里翻方便——这也是「非技术新手也该用 VS Code」的核心论据。
2. 斜杠命令、模型切换与三种权限模式 06:21
新手第一招:直接问工具「what can you do」,再敲 /help 展开斜杠命令菜单。博主不逐条讲,只让你知道入口在哪。其中 /model 用来切模型(她日常用 Opus,省用量时降级)。
更关键的是权限模式,可随时切换三档:计划模式(只规划不改)、问过再改(默认,每次编辑前询问)、自动改(不再逐次问)。06:39
这三档决定了你对 Claude Code 的「放手程度」,是新手最该先理解的一个开关——它贯穿后面所有操作。相关的「先规划后动手」详见 Plan Mode(详解4)。
3. 项目级权限文件:Claude 记住你的授权 08:29
当你允许 Claude 联网搜索某个域名后,左侧会自动多出一个 settings.local.json,位于项目的 .claude 目录下。它记录了你授予过的权限。
要点是这份权限文件只对当前项目生效:不同项目可以有不同的授权集合,互不影响。所以你不用担心在一个项目里的放权会波及别处。
对新手的意义:授权不是一次性弹窗,而是被持久化下来的项目配置——理解这点,才不会被反复的权限询问搞糊涂。
4. Plan Mode:先出计划、审完再动手 09:43
在 Plan Mode 下,Claude 只产出一份计划(如 LinkedIn 稿的要点草案)而不直接改文件。博主演示时选「no, keep planning」,先把计划留在左侧慢慢看。
看满意后,再从计划模式切到「问过再改」,让它真正把草稿写进项目文件。这样你始终在「先审后做」的节奏里,不会被它一口气改一堆东西打个措手不及。
对新手,这是把「单向下指令」变成「协作」的关键习惯:计划阶段几乎零风险,值得多花时间。
5. 让 Claude 反问你,现场生成 brand voice guide 13:12
想让 AI 按你的口吻写作,不必自己憋提示词。博主直接问 Claude「怎样把我的 brand voice 融进所有草稿」,Claude 建议在项目里建一个 brand voice 文件,然后反过来逐条追问她:语气、结尾 CTA、想避免的措辞、有无已有范文。
这段反问正是 Ask User Question 工具 的写作版:AI 通过一连串具体问题,把「按我的风格写」这种模糊需求逼成一份可执行的指南文件。
延伸出的一条心智:遇到不会做的事,默认先问 Claude Code 该怎么和它配合,而不是先去找 YouTube 教程——「问工具本身」往往是最快的路。
6. 持久记忆文件:跨会话自动带上你的规则 15:28
博主追问:关掉这个对话后,你怎么还知道要参考 brand voice 指南?Claude 先给了个乐观回答,被追问后自己更正:每次会话都是全新的、没有记忆,但有一份会被自动加载的持久记忆文件(当前为空)。
于是 Claude 把「参考 brand voice 指南」这条写进了那份记忆文件——这正是 CLAUDE.md / Memory 机制:把一次性交代的规则固化,之后每次开新会话自动生效,不必重复。
这段是全片最有价值的意外:它顺带示范了「追问机制」如何让 AI 从含糊承诺退回到诚实、可验证的真实行为。
7. 把 AI 当会犯错的伙伴:凡事追问「为什么」 16:02
承接上一节,博主提炼出通用习惯:你始终是在和 AI 对话,它可能出错、知识过时、幻觉、把重心放错。所以每当结论有点不对劲,就追问「为什么 / 怎么工作的 / 带我走一遍」。
她强调把 Claude Code 当伙伴而非权威:越理解它在做什么,能撬动的生产力和杠杆越大。这也是新手和「只会点下一步」的用法拉开差距的地方。
8. MCP 是什么、怎么装第一个 18:49
MCP 的通俗定义:让 Claude Code 能和你日常真正在用的 app 打交道(邮件、Airtable、Notion、Google Docs 等)。没有它,Claude 只能写稿,你还得手动复制粘贴去各处发布。
装法(以 Blotato 这个社媒 MCP 为例):从产品设置里拿 API key 和 setup 命令。若你是走 VS Code 扩展装的 Claude Code,直接跑那条命令不灵,需在命令前加一句自然语言,要求以 user scope 添加、文件不存在则创建。20:37
user scope 意味着这个 MCP 对你所有项目可用,统一写进 .claude.json;装好后必须重启 Claude Code(点右上角橙色图标开新会话)才会被加载。22:16
9. 用 MCP 落地真实产出:生成视觉并排期发布 22:42
接上 MCP 后,一句「从 LinkedIn 草稿做一张白板信息图」就能让 Claude 调 MCP 工具生成配图(用 AI 模型出图,约 30 秒到 1 分钟),Claude 还会自己读 API 文档、自动挑合适的模板。过程中若有红色报错,多是它在试错,不必惊慌。
发布同样用自然语言:先在 Blotato 里连好社媒账号,再对 Claude 说「LinkedIn 明早带信息图排期、Twitter 周四早上发 thread 不配图」,它会先查已连账号、再逐条排期。27:34
博主借此点题:ChatGPT 也能写稿,但 MCP 让 Claude Code 把研究、写稿、配图、排期、发布、甚至回写 Airtable/Google Sheets 全串在一个地方完成——这才是它「能真正干活」的分水岭。
可执行步骤
- 注册 claude.ai,先上 $20 Pro 计划试水,用量吃紧再升 Max。
- 装 Visual Studio Code,再在扩展市场搜 Claude Code 装官方扩展(认准 400 万+下载)。
- 新建一个空文件夹当项目,用 open folder 打开后再启动 Claude Code。
- 先问它「what can you do」,敲
/help看斜杠命令,用/model选模型。 - 用 Plan Mode 先出计划、审过再切「问过再改」模式动手。
- 让 Claude 把你的规则(如 brand voice)写进项目文件和记忆文件,跨会话复用。
- 每当 AI 给出结论,先追问「怎么工作的 / 为什么」再采信。
- 要落地真实动作时,按 user scope 装对应 MCP、重启 Claude Code 再用。
关联
- 入门铺垫:2026-01-19-Claude Code 完全解读 与 2026-03-08-Claude Code 六个层级 讲的是进阶玩法(Ralph Loop、Agent Teams、Git Worktree 等),本片是它们的零基础前置,把「装好、看懂权限、会用 Plan Mode、接一个 MCP」这最底层一环补齐。
- 印证/对比:六个层级把只点「下一步」不问机制的用法称为 Vibe Coder 并视为下限;本片虽面向新手,却反复强调 always ask why,恰好把新手从纯 Vibe Coder 往「AI 开发者」推了一步。
- 印证:本片 brand voice guide 的生成过程,就是 Claude 主动追问细节(语气 / CTA / 范文),与 Ask User Question 工具 描述的「反问逼出详尽需求」同源,只是发生在写作而非编程场景。
一手来源与延伸
- Claude Code 官方安装页:code.claude.com(视频推荐的进阶路径起点)。
- Blotato:blotato.com,视频演示的社媒自动化平台与 MCP server,博主自家产品(联网核验:创始人即 Sabrina Ramonov)。
- 博主进阶全课:sabrina.dev 上的「Claude Code Full Course for Beginners」。
术语
- MCP(Model Context Protocol,让 AI 接上你日常在用的 app 的开放协议)
- Blotato(博主自家的社媒自动化 SaaS,对外提供 MCP server)
- user scope / project scope(MCP 装在全局用户级、还是单个项目级)
- settings.local.json(项目内记录 Claude Code 权限授权的文件,只对该项目生效)
- brand voice guide(品牌语气指南文件,让 AI 按你的口吻写作)
- Pro / Max plan(Claude 订阅档,$20 / $200 每月)
金句
“Your default mode of thinking should be: let me ask Claude Code and see what we can do.” → 把「先找教程」的本能换成「先问 Claude」,是新手提效最快的心智转变。
“You’re still talking to AI… it can be wrong. Always ask why.” → 越把它当会犯错的伙伴、越追问机制,拿到的杠杆越大。
立场与利益
博主 Sabrina Ramonov 是 Blotato 创始人,视频后半段演示的 MCP server 正是自家付费产品(API key 为付费功能,她自陈「用付费门槛挡垃圾、提供无条件退款」)。因此「MCP 让 Claude Code 能落地真实任务」是通用共识,但「用 Blotato 这一个 MCP」属强利益绑定——同类能力可换其它社媒/工具 MCP 实现。她还多次引导升级 Max 计划、并推自家进阶付费课程。安装、VS Code 扩展、权限 / Plan Mode / 记忆文件等前半部分是无利益绑定的通用操作。
价值定位
- 适合谁:完全没写过代码、被终端劝退、想第一次把 Claude Code 装起来用的人。
- 解决什么:给出一条「VS Code 扩展」而非命令行的最低门槛安装路径,并用一个完整社媒案例串起权限、Plan Mode、记忆文件、MCP 全流程。
- 认知 vs 实操:几乎全是拿来即做的操作,认知负担低;MCP 部分兼带「为什么 Claude Code 比 ChatGPT 强」的格局理解。
- 与 2026-03-08-Claude Code 六个层级 重叠(都讲 Plan Mode / CLAUDE.md),但本片独有零基础安装路径与「一个 MCP 从装到发」的端到端新手演示,是那些进阶笔记缺的最底层一环。
自检问题
- 为什么这个教程建议非技术新手用 VS Code 扩展、而不是终端命令来装 Claude Code? 答案:详解1,终端安装文档对新手劝退,VS Code 扩展装好后还能像 Google Doc 一样直接查看/审阅 Claude 的输出与思考过程。02:31
- Claude Code 的三种权限模式分别是什么?项目级权限记在哪个文件? 答案:详解2、3,计划模式 / 问过再改 / 自动改;授权记在项目 .claude 目录下的 settings.local.json,只对该项目生效。06:39 / 08:29
- 博主说 MCP 才是 Claude Code 区别于 ChatGPT 的关键,为什么? 答案:详解8、9,ChatGPT 也能写稿,但 MCP 让 Claude Code 直接接上你日常用的 app,把内容落地成配图并排期发布到社媒。18:49
- 面对 AI 给出的结论,本片建议养成什么习惯? 答案:详解7,始终追问「为什么 / 怎么工作的」,把它当会犯错、会幻觉的伙伴而非权威。16:02
💬 热门评论 top-11 主 + 9 回(抓取 2026-07-07)
[2] @CoachTDTony:花了一个小时，不断暂停和检查，但终于成功了。我发了LinkedIn、Twitter和Instagram帖子。谢谢你展示这个，它没有我想象的那么可怕。 👍 1 [3] @VirginiaSanders-i1y:好吧，我终于进去了。非常兴奋能让它正常工作。喜欢你的活力。你在MCP服务器那部分让我困惑了一会儿。我不知道自己原来有这么多不懂的。但每天都在学习。谢谢你的视频。另外，我之前一直在Claude Code里输入所有MCP的东西，不知道还有另一个code.claude。信息量很大。我之前跟着你的教程，在另一个code里设置了所有原始内容。 [4] @Soul.Munchie:感谢你做这个视频。对于零编程经验的我来说有点困惑。建议你把你的头像视频移到右上角，这样我们就能看到你点击的按钮了。这看起来也有点像你在推销你的MCP服务器。感谢你的视频，但像我这样想零经验学习Claude Code的人，这个视频有点让人困惑。 👍 3 [6] @nellyz.6753:我有点困惑，才看了前5分钟。为什么我不把Claude下载到桌面，而是用Visual Studio Code？我升级到了Pro，发现可以下载到桌面——我是不是不应该这么做？ 👍 8 [7] @DennisBradfordPhD:谢谢你的视频。但对我来说，我花了一个小时想弄明白，结果前5分钟都没过去。我显然漏掉了什么关键的东西。我当了32年大学教授，教学的艺术在于专家能站在初学者的角度去教。好消息是，和无知不同，愚昧是可以治愈的。如果我不断用头撞墙，也许墙最终会倒塌！ 👍 53 ↪ @egjundis:@DennisBradfordPhD 你可以把视频链接给Claude，然后告诉它你在哪里遇到了问题，它会帮你解决下一步。 👍 10 ↪ @thedanrogul9196:如果你愿意尝试另一种方法，告诉Claude浏览器版你想做什么，然后截取你看到的每个屏幕，让Claude解释每一个细节。它会看到你看到的，然后告诉你如何正确设置。这需要一些时间，但你能正确设置。 👍 6 ↪ @BKles21:我同意。有时候，当你太高级时，很难站在初学者的角度思考。我花了45分钟都没能让我的Visual Studio看起来像她的。如果能有一个关于那个软件的简短教程就好了。不过，我非常感谢你逐键的讲解。因为那正是需要的！网上绝大多数视频都太高级了；逐键讲解才是关键。 👍 3 ↪ @gordonsteen8415:从零开始并不容易。我猜看完几个视频后，你会发现AI可以完成很多事情，但更复杂的项目需要开发者。你只需要决定你是否能或愿意为此付费。 👍 1 ↪ @user-nj1zu2nf1x:哈哈，这视频基本没用。 [9] @davidefilippi4404:谢谢Sabrina！有个问题，我搞不懂在终端里工作、用VS Code、还是在Claude应用里用Claude Code有什么好处（而且我需要下载应用吗？）一个关于你的设置以及为什么用这个特定工作流程的基础视频会非常有帮助！ 👍 10 [11] @BenLovegrove:成功了！我用我的品牌声音写了一篇LinkedIn帖子，还配了信息图，已经安排发布了😀 👍 15 ↪ @sabrina_ramonov(UP):耶！ 👍 2 ↪ @dominionrealestatellc52:恭喜！ ——其他 3 条:感谢/夸赞([5]@LifeAndWealthOfficial、[8]@rbsax、[10]@BintangFathurrizki);1 条 spam 已略
英文原文
[1] @sabrina_ramonov(UP):yes i am wearing a fluffy pink robe! INTERMEDIATE LEVEL tutorial here, do this next: https://youtu.be/fYX6hHC9FhQ 👍 31
[2] @CoachTDTony:It took an hour with all the pause and checking it but it worked. I have a linkedin post, twitter post and instagram post. Thank you for showing this and it is not as scary as I thought. 👍 1
[3] @VirginiaSanders-i1y:Okay, so I finally got in. So excited to get this to work correctly. Love your energy. You lost me for a while with the MCP server stuff. I did not know how much I did not know. But Learning everyday. Thanks for this. Also, I had been inputting all the mcp stuff in claude code previously and did not know there was another code.claude.???? a lot of information. I followed your training earlier and set up all the original stuff in the other code. thingy
[4] @Soul.Munchie:Thank you for doing this video. It was a bit confusing as a 0 experience coder. Would recommend, to move your icon video on the top right, so we can see the buttons youre clicking. this also kind of seemed like you're selling your MCP server. Appreciate your the video but letting others know like me who want to learn Claude Code with 0 exp - this video was a bit confusing 👍 3
[5] @LifeAndWealthOfficial:That tutorial made for beginners!! ? In that case I need something before beginner! Unfortunately not clear tutorial for me , but still watch you in facebook 👍 28
↪ @manpar6103:It's for beginners with a Ivy League Degree 😃 👍 2
[6] @nellyz.6753:I'm confused and it's I’m only on the first 5 minutes lol why wouldn’t I download Claude to my desktop and instead use visual studio code? I upgraded to pro and see I can download it to my desktop - should I not do this? 👍 8
[7] @DennisBradfordPhD:Thank you for this. Unfortunately for me, I just spent an hour trying to figure it out and couldn't get past the first 5 minutes. I'm obviously missing something critical. I was college professor for 32 years, and the art of teaching for an expert has a lot to do with being able to adopt a beginner's mind and teach from there. The good news for me is that, unlike stupidity, ignorance is curable. If I keep knocking my head against the barrier enough times, perhaps it will eventually crumble! 👍 53
↪ @egjundis:@DennisBradfordPhD you can give Claud the link to this video and then tell it where you are having a problem at it will help you with next steps. 👍 10
↪ @thedanrogul9196:If you're open to another way to do this, tel Claude browser version what you're trying to do and them grab screenshots of each screen you see and have Claude explain every inch of it to you. It'll see what you're seeing and tell you how to set things up accordingly. It takes a while, but you'll set it up right that way. 👍 6
↪ @BKles21:I agree. Sometimes, when you're too advanced, it's just too difficult to put yourself in the shoes of a beginner. I could not get my Visual Studio to look like hers, even after 45 minutes. A short tutorial on that software after the setup would have been helpful. Otherwise, I very much appreciate the keystroke-by-keystroke explanations. Because that's what's needed! The vast majority of videos online are way too high-level; keystroke construction is where it's at. 👍 3
↪ @gordonsteen8415:Starting from ground zero is not easy. My guess is after watching a few videos is that there are many things that can be accomplished using AI, but that more sophisticated projects require a developer. You just have to decide whether you can or want to pay for that. 👍 1
↪ @user-nj1zu2nf1x:Lol yeah, this was pretty useless
[8] @rbsax:You're filipina wow! Im glad to know Im learning from a kababayan
[9] @davidefilippi4404:Thank you Sabrina! Quick question, i’m struggling to understand the benefit of working in the terminal vs. using VS Code vs using Claude Code in the app (and do I even need to download the app?) A 'back-to-basics' video on your setup and why you use this specific workflow would be so helpful! 👍 10
[10] @BintangFathurrizki:as a beginner with no technical experience at all. this is very helpful. THANKYOUU SABRINA❤🔥. Need more content like this 👍 3
↪ @sabrina_ramonov(UP):You're so welcome!
[11] @BenLovegrove:It works! I have a LinkedIn post written in my brand voice, with infographic, scheduled 😀 👍 15
↪ @sabrina_ramonov(UP):woot 👍 2
↪ @dominionrealestatellc52:Congratulations