來源:市場資訊
(來源:macrozheng)
之前用過Claude Code的CLI和IDEA插件,但是總覺得差點意思!最近發現Claude Code官方發布了桌面端,免登陸即可使用,體驗了一把,確實很強。尤其是它的Claude Preview功能,能實時預覽前端代碼修改后的效果,今天給大家分享下它的使用!
簡介
Claude Code Desktop是Anthropic推出的桌面應用程序,集成了Chat、Cowork和Code三個核心功能,支持在Windows和MacOS下使用。
它的核心特性如下:
會話機制:每個會話都有自己獨立的聊天記錄、項目目錄,多個會話可以并行跑且Git互相隔離,不會串。
代碼開發與審查:Diff可視化、PR狀態追蹤、終端和編輯器全內置,改完代碼到審查合并不需要跳出應用。
應用預覽:改完代碼Claude會自動起開發服務器,在內嵌瀏覽器里看效果,還能自己截圖、點擊、填表單做測試,有問題直接修。
權限模式:Ask permissions、Auto accept edits、Plan mode、Auto、Bypass permissions五檔可選。
運行環境選擇:本機(Local)、Anthropic 云端(Remote)、SSH遠程服務器三種環境,本地資源不夠就丟云上,需要碰生產就SSH過去。
工作區布局:聊天、Diff、預覽、終端、編輯器這些面板支持拖拽自由拼接,按自己的工作習慣排布就行。
下面是Claude Code Desktop使用過程中的效果圖,還是挺炫酷的!
![]()
安裝及配置
這里以Windows下的安裝為例,帶你無需登陸即可使用Claude Code Desktop。
首先我們需要下載Claude Code Desktop的安裝包,直接從官網下載即可,地址:https://claude.com/download
![]()
下載完成后雙擊exe文件安裝,安裝完成后可以從系統->應用中找到Claude應用,點擊左上角設置->幫助->故障排除->開啟開發者模式功能;
![]()
如果使用國內大模型的話,需要安裝CC Switchv3.15.0以上版本來配置國內大模型,下載地址:https://ccswitch.io/
![]()
配置CC Switch設置開啟路由總開關;
![]()
切換到右下角有電腦的Claude圖標對應面板,添加模型并啟用;
![]()
這里以DeepSeek為例,選好預設供應商后僅需填寫API_KEY即可;
![]()
接下來我們需要打開Claude Code Desktop中設置->開發者->配置第三方接口功能;
![]()
由于我們在CC Switch中開啟了本地路由,這里的網關信息會直接配置好;
![]()
然后點擊右下角的應用在本地按鈕即可開始使用,里面的模型都是我們在CC Switch中配置好的DeepSeek模型,隨便發個消息測試下,有回復代表配置成功了。
![]()
使用
![]()
點擊右下角的模型名稱,可以切換模型和推理強度;
![]()
![]()
![]()
點擊左側的自定義按鈕,可以添加SKILL或者插件;
![]()
最讓我驚艷的是它的Claude Preview工具,我之前使用Open Design+Claude Code開發了幾個商城頁面,它不僅運行起來了還調整成了移動端樣式顯示;
![]()
![]()
Claude Code Desktop還支持注解視圖,選擇需要修改的部分點擊添加到聊天,就會把注解好的圖片發送給Claude Code,這里我使用的模型并不支持圖像識別但是也能識圖。
![]()
總結
今天給大家分享了Claude Code Desktop的使用,這款工具功能還是非常強大的,尤其是它的Claude Preview,用來開發前端非常方便,比用MCP來操作Chrome效率提高很多!
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.