手把手|VSCode搭建Claude编程环境,低成本用AI写代码

手把手|VSCode搭建Claude编程环境,低成本用AI写代码

📌 教程前言

作为海南大学大一学生,从零开始搞定VSCode调用AI写代码、做UI,全程无复杂操作,跟着步骤走就能成功。避开报错坑、网络坑、扣费坑,低成本用上高效AI编程工具,新手也能一次通关。

✅ 前期准备

  • 电脑系统:Windows(本教程适配Windows环境)
  • 提前装好:VSCode编辑器、Node.js(版本v24.14.0即可)
  • 备好手机号(用于DeepSeek平台注册)
  • 备用:网络环境稳定,避免安装卡顿

🔧 步骤一:全局安装Claude命令行工具

  1. 按下Win+X,打开Windows PowerShell,先检查Node版本,确认已安装
    (安装地址https://nodejs.org/en
node-v
  1. 执行安装命令,切记不要打错包名,少字母会直接报错
npminstall-g @anthropic-ai/claude-code 
  1. 等待安装完成,出现added 2 packages提示,即为安装成功

💡 报错避坑:如果提示404找不到包,一定是包名拼写错误,正确为claude-code,不是claud-code

4.安装git(安装地址https://git-scm.com/
检查安装

git--version

⚠️ 常见问题:直接运行报错解决

安装完成后,直接输入claude运行,会出现连接失败提示,这是正常情况:

claude 

报错提示:Unable to connect to Anthropic services,原因是大陆网络无法直连Claude官方,无需纠结,直接跳转下一步配置替代方案。

在文件管理器搜索栏搜索你的用户名(比如我的叫zc)找到上面写了claude的json配置文件,用vscode打开,用记事本也可以

在这里插入图片描述


在配置文件中加上这样一条配置

"hasCompletedOnboarding":true

记得要加上逗号符合json格式,可以的话,要豆包帮你检查格式

💰 步骤二:DeepSeek平台注册与API密钥获取

我们改用低成本的DeepSeek算力,性价比拉满,适合学生党

  1. 打开DeepSeek官方平台:https://platform.deepseek.com/
  2. 用手机号注册登录,完成实名认证
  3. 进入控制台,找到API Keys选项,点击新建密钥
  4. 复制保存好密钥(sk-开头),密钥只显示一次,丢失需重新创建
  5. 进入充值页面,最低充值10元即可,支持微信、支付宝,学生无压力

🔀 步骤三:CC-Switch工具配置(转发请求)

  1. 下载CC-Switch工具,选择Windows便携版,解压即可使用
  2. 运行exe文件,将Claude的请求转发至DeepSeek,解决网络无法访问的问题
  3. 按照工具提示,完成基础配置,绑定对应的API接口
在这里插入图片描述

⚙️ 步骤四:VSCode插件安装与配置

  1. 打开VSCode,左侧扩展栏搜索Claude Code,安装官方插件(安装最多的就是正确的)
  2. 安装完成后重启VSCode,确保插件生效
  3. 进入设置,配置API密钥、接口地址、模型名称,对接DeepSeek
  4. 保存配置,再次重启VSCode,完成全部部署

🚀 步骤五:测试使用,开始AI编程

  1. 打开VSCode右侧Claude面板,输入指令测试
  2. 输入简单需求,比如“写一段简约科技风HTML网页代码”,即可快速生成
  3. 可用于写代码、优化脚本、制作UI、写爬虫,效率直线提升
提示词


在这里插入图片描述

📝 重要注意事项(新手必看)

  1. 扣费说明:仅DeepSeek按token扣费,VSCode插件、CC-Switch、Claude命令行均免费,日常写代码成本极低,一天几块钱足够
  2. 密钥保管:API密钥切勿泄露,避免被盗刷余额
  3. 网络要求:全程无需特殊网络,普通校园网、家用网即可使用
  4. 模型选择:选用deepseek-chat模型,适配代码编写、UI设计,性价比最高

✨ 教程总结

全程几步就能搞定,告别复杂配置和高昂费用,大一新生也能轻松拥有专属AI编程助手,不管是写作业、做课程设计、做个人网页,都能大幅提升效率,轻松上手AI开发。


👉 关注我,持续更新大一学生AI编程干货

后续会分享更多爬虫ai高效使用技巧、AI写代码优化提示词、简约网页UI设计、低成本编程工具,带你轻松玩转AI开发,少走弯路,持续提升编程技能~

Read more

Flutter 三方库 wallet_connect 的鸿蒙化适配指南 - 实现 Web3 钱包协议连接、支持 DApp 授权登录与跨链交易签名实战

Flutter 三方库 wallet_connect 的鸿蒙化适配指南 - 实现 Web3 钱包协议连接、支持 DApp 授权登录与跨链交易签名实战

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 三方库 wallet_connect 的鸿蒙化适配指南 - 实现 Web3 钱包协议连接、支持 DApp 授权登录与跨链交易签名实战 前言 在进行 Flutter for OpenHarmony 的去中心化应用(DApp)或加密货币钱包开发时,支持标准的 WalletConnect 协议是链接用户钱包的关键。wallet_connect 是该协议的 Dart 实现,它能让你的鸿蒙 App 安全地与 MetaMask、Trust Wallet 等钱包建立双向加密连接。本文将探讨如何在鸿蒙系统下构建安全、稳定的 Web3 授权流程。 一、原理解析 / 概念介绍 1.1 基础原理

Photoshop AI绘画插件:革命性的创意工作流集成方案

Photoshop AI绘画插件:革命性的创意工作流集成方案 【免费下载链接】Auto-Photoshop-StableDiffusion-PluginA user-friendly plug-in that makes it easy to generate stable diffusion images inside Photoshop using either Automatic or ComfyUI as a backend. 项目地址: https://gitcode.com/gh_mirrors/au/Auto-Photoshop-StableDiffusion-Plugin 在当今数字艺术创作领域,AI绘画插件正在重塑创意工作流程。这款Auto-Photoshop-StableDiffusion-Plugin作为AI绘画插件的代表,将专业图像处理与AI生成技术无缝融合,为Photoshop用户提供了前所未有的创作可能性。通过这种高效集成方案,设计师可以在熟悉的操作环境中直接调用强大的Stable Diffusion功能,实现从概念构思到成品输出的全流程优化。 创新

【30天从零玩转AI应用开发】第2篇:大模型API注册+调用实战

【30天从零玩转AI应用开发】第2篇:大模型API注册+调用实战

文章目录 * 前言 * 【30天从零玩转AI应用开发】第2篇:大模型API注册+调用实战(OpenAI/文心一言/通义千问) * 专栏副标题 * 专栏简介 * 摘要 * 关键词 * 前言 * 一、3大主流大模型API对比(新手必看) * 新手选择建议(避坑指南): * 二、API注册+密钥获取(文字版超详细指南) * 2.1 OpenAI注册+密钥获取(含避坑技巧) * 准备工具: * 注册步骤(每一步都标清按钮位置): * 避坑技巧: * 2.2 百度文心一言注册+密钥获取(10分钟搞定) * 准备工具: * 注册步骤: * 关键提醒: * 2.3 阿里通义千问注册+密钥获取 * 准备工具: * 注册步骤: * 三、API调用实战(Python代码可直接复制) * 3.

FPGA视频4分屏项目 - 系统架构详细讲解

FPGA视频4分屏项目 - 系统架构详细讲解 一、系统整体架构 ┌─────────────────────────────────────────────────────────────────────┐ │ CMOS摄像头 (双路) │ │ (CMOS1/2 采集8bit数据) │ └────────────┬────────────────────────────────────────────────────────┘ │ ▼ ┌─────────────────────────────────────────────────────────────────────┐ │ 图像预处理模块 (4路处理) │ │ (cam_pre_process / process_filter / process_gamma 等) │ │ 输出 16bit 图像数据到写FIFO │ └────────────┬────────────────────────────────────────────────────────┘ │ ▼ ┌────────────────────────────