ClaudeCode入门

学习使用Claude Code进行AI辅助编程,从安装配置到实战项目开发

Claude Code 两种基本使用方式

掌握Claude Code的交互式模式和命令模式,高效完成AI辅助编程

Claude Code 两种基本使用方式

Claude Code 两种基本使用方式:

  • 1、直接命令行使用
  • 2、借助 IDE 使用,如:Vs Code

一、命令行使用 Claude Code

该方式存在的问题就是需要使用命令行来命令AI编程,AI写的代码需要另一个文件访问工具来访问。

step1、进入文件夹,并进入cmd

03-1.png

step2、输入claude 进入命令行界面

03-2.png

step3、指令面向语言编程,如:你是一个资深的前端工程师,帮我写一个官网

claude 会自行规划执行计划,然后按照计划来执行。

03-3.png

执行后的效果如下:

03-4.gif

二、VsCode 安装 Claude Code 插件

大多主流 IDE 都已支持 Claude 插件

VsCode + Claude Code 插件的方式,将 Claude 操作命令和文件可视化集成在一个软件中,方便开发。

效果如下:

03-5.png

2.1、Vscode 安装

略,直接浏览器搜索安装。

2.2、安装 Claude Code 插件

搜索,并安装官方插件

03-6.png

2.3、使用

安装后,在IDE的右上角,会有 claude 图标,

03-7.png

点击进入,有的直接进入命令行,有的可以通过terminal 打开。

03-8.png

填入:"/ide" ,并选择 vs code

03-9.png

之后直接进入vibe coding!!