Claude Code免费使用教程,前端必看!

Claude Code免费使用教程,前端必看!

目前claude有两种使用方式,一种是官方购买渠道(太贵了,用不起,扎心。。。),还一种就是通过api方式,就是下面我讲的通过any-router提供的api调通就行~相当于中转站,主要是免费啊,谁能说不香!

1.注册LinuxDo账户

目前AnyRouter取消了github登录方式,只能通过LinuxDo账户登录,或者edu的邮箱登录,这里选择使用LinuxDo登录。

linux do官方网址:https://linux.do/  

linux do邀请码:2E917F23-D9BF-44FE-BCBD-AE6AB3B1FC17

提示:如果Linuxdo邀请码失效,注册页面填写邀请码的那个输入框下面有邀请码链接,如图:

申请理由稍微写写,别全打逗号啥的,认真写下很快就过了。


 

2.any Router登录使用

上面linux do账号注册完毕就可以,登录any router了

any router网址:https://anyrouter.top/register?aff=iVs0    (貌似目前需要挂绿色软件才能登录上去)

一定要复制上面的网址(别删除后缀),带后缀的,因为走邀请你会多 50$  !!!  要不然进去默认就75$,走邀请可以多50$,这样总共125$

登录进来之后,点击左侧 API令牌

然后点  添加令牌

里面配置,点我图上标记的两处地方,然后确定

3.安装Claude,并使用

  我是windows系统所以,直接讲windows配置了。

   首先打开环境变量,路径:此电脑->属性->系统->高级系统设置->高级->环境变量(也可以直接在windows搜索框直接搜索环境变量),然后添加系统变量!(添加完最好重启一下,要不然获取不到)

总共添加两个就行:

ANTHROPIC_AUTH_TOKEN      sk-...(这个sk-  就是any router的api令牌,见下图获取方式)

ANTHROPIC_BASE_URL           (这个地方,敲一下吧,放上面网址发不了文章。。红色框里的那个网址!)

以上两个环境变量配完之后,就已经快接近成功了!!!(补充:环境变量配置完,电脑要重启,否则不生效!!!!!!!!!!!一定注意

接下来就是安装claude (node版本要 >=18  ,这个也要注意!要不然安装可能会报错)

npm install -g @anthropic-ai/claude-code claude --version

版本号显示了,就是安装成功~

登录成功后:

成功通过any router中转!!!尽情使用吧~

最后的最后,any router登录一定要走上面邀请链接哦,要不然会少 50$ !!! 还有每天登录也送25$   相当于一直白嫖了,兄弟姐妹们!

Read more

rrweb技术深度解析:Web录制与回放的架构设计与实现

rrweb技术深度解析:Web录制与回放的架构设计与实现 【免费下载链接】rrwebrecord and replay the web 项目地址: https://gitcode.com/gh_mirrors/rr/rrweb rrweb作为专业的Web录制与回放解决方案,其核心价值在于能够精确捕获和重现用户与网页的交互过程。本文将从技术架构、核心实现、性能优化三个维度深度解析rrweb的设计原理。 系统架构与数据流设计 rrweb采用分层架构设计,主要包含录制层、数据处理层和回放层三个核心模块。 录制层架构 录制层负责捕获DOM变更、用户交互和媒体状态变化: // 录制层核心接口定义 interface RecordPlugin { name: string; observe: (callback: EventCallback) => void; options?: RecordPluginOptions; } // 典型录制配置 const recorder = rrweb.record({ emit: (event) => { // 事件处理流水线 events.

前端异常监控:如何捕获并上报JS错误与白屏?

前端异常监控:如何捕获并上报JS错误与白屏? 引言 在现代前端开发中,用户体验是衡量产品成功与否的关键指标。然而,前端应用运行在复杂多变的环境中,浏览器差异、网络问题、设备性能等因素都可能导致各种异常情况的发生。如何及时发现并解决这些问题,成为前端工程师面临的重要挑战。 本文将深入探讨前端异常监控的核心技术,包括JS错误捕获、白屏监控以及错误上报机制,帮助开发者构建更加稳定可靠的前端应用。 一、JS错误捕获技术 1.1 try-catch 语句 最基础的错误捕获方式是使用 try-catch 语句,它可以捕获代码块中同步执行的错误: /** * 捕获同步代码错误 * @param {Function} fn - 要执行的函数 * @param {Function} fallback - 错误处理函数 * @returns {any} 函数执行结果 */functionsafeExecute(fn, fallback){try{returnfn();}catch(error){ console.error('

昨天一口气面了3家前端岗,结果全凉了...

我提前准备了半个月,八股文背得滚瓜烂熟,Vue响应式原理、Event Loop、浏览器缓存策略倒背如流。结果一天三场面试,场场被问懵,面完出来脑子都是嗡嗡的。 先简单交代一下我的情况:5年前端经验,主要技术栈是Vue2/3 + React,做过电商、中后台项目,自认为基础还算扎实。这次想跳槽去个大厂或者中型公司,薪资期望35k左右。结果现实给我狠狠上了一课! 第一场,某二线大厂,一面就挂了。 面试官上来没问八股,直接扔了个场景: “我们有个活动页,双11高峰期预估PV 200万+,页面里有十几个弹窗组件,每个弹窗都有独立的业务逻辑和样式。现在的问题是,首屏加载很慢,用户滚动时卡顿明显。你从工程化、组件设计、渲染优化三个角度,给一套完整的优化方案。” 我当场就有点懵。脑子里想的都是“代码分割、按需加载、虚拟滚动”这些零散的点,但串不成一个完整的方案。面试官追问“弹窗组件怎么设计能减少渲染开销”,我答得磕磕巴巴,最后他礼貌地说“先这样吧”。 第二场,

苍穹外卖(前端)

苍穹外卖(前端)

前端环境搭建: 技术选型: 使用的前端技术栈:node.js、vue、ElementUI、axios、vuex、vue-router、typescript 代码结构: 核心目录 / 文件: 目录 / 文件说明apki封装 Ajax 请求的文件目录components公共组件存放目录views视图组件存放目录App.vue项目主组件、页面入口文件main.ts整个项目的入口文件router.ts路由配置文件 环境准备: 安装依赖包(生成 node_modules 目录): npm install 启动前端项目(需同时启动后端 Java 服务): npm run serve 员工管理: 员工分页查询: 需求分析和接口设计: 代码开发: 步骤一:制作页面头部 <div> <label> 员工姓名: