本文介绍了nvm（NodeVersionManager）在管理Node.js和npm版本，以及在Windows和Mac上的安装步骤。详细讲解了全局和临时方式安装React的Create-React-App，包括切换node版本、更换npm源至淘宝镜像，并讨论了`npx`在临时创建React应用中的作用。
目录
npm：管理JS包、npm包（包括框架react、vue、语言ts）
A.初始化项目: 若无 package.json 将创建新项目并生成 package.json
B.安装依赖: 若有 package.json 文件，读取并安装项目所需的所有依赖项
原因：一般node、npm版本与原项目相差不大没问题，可能是镜像源不够新，导致包不一样，依赖冲突
其他：yarn serve 、 npm run dev =yarn dev
package.json->scirpts->serve查看启动命令
vetur、Vue-Official：识别vue语法，不再报红
mac护眼模式
上角 苹果图标（🍎） → “系统偏好设置” → “显示器”
1/ 关闭「原彩显示」
设置路径：系统设置-显示器-关闭「原彩显示」
作用原理：避免屏幕色温自动调节造成的视觉适应负担
2/ 开启「夜览模式」
建议设置：色温调至中间偏右（约5500K）
注意事项：白天使用时可将强度调低至30%
-
手动开启：勾选 “明天前保持开启”，屏幕会立即变暖色。
-
定时开启：选择 “日落到日出”（自动根据定位调整）或 “自定”（手动设置时间段）。
-
色温调节：拖动滑块调整暖色程度（越往右越暖，蓝光越少）
3/ 使用P3色域
推荐设置：显示器颜色描述文件调为「P3色域」
IDE
Integrated Development Environment（集成开发环境）
核心功能：代码编辑、编译/解释器、调试、项目管理、扩展支持
| 类型 | 代表工具 | 适用语言/场景 |
|---|---|---|
| 通用型IDE | Visual Studio Code | 全语言支持（需插件） |
| 语言专用IDE | PyCharm（Python） | 深度语言优化（如Django框架集成） |
| 移动开发IDE | Android Studio | 安卓APP开发 |
| AI增强IDE | Cursor/Trae IDE | 内置AI代码生成和补全 |
AI IDE
核心竞争力 = AI 协作能力 + 架构思维 + 业务理解
-
Prompt工程是“怎么问”：精确发问，确保AI输出可用代码。
-
架构思维是“问什么”：决定哪些问题该交给AI解决，哪些必须人工设计。
AI IDE核心能力差别在于模型
DeepSeek满血版：包括更完整的功能和更少的服务器负载问题。
| 模型/厂商 | 核心优势 | 技术短板 | 典型应用场景 |
|---|---|---|---|
| GPT-4.5 (OpenAI) | 多模态融合（文本/图像/音频/视频），复杂逻辑推理能力全球领先 | 中文理解偏差率12%，API成本高 | 科研分析、跨国企业协同、动态内容生成 |
| Claude 3.7 Sonnet (Anthropic) | 编程领域断层领先（HumanEval评测91.2分），10万token长文档解析 | 视觉任务较弱，商业化按需计费 | 软件工程、法律文书分析、合规性文档 |
| Gemini 2.0 (Google) | 原生多模态，百万级上下文窗口，工业设计图纸生成 | 中文优化不足，生态开放性较低 | 智能制造、教育课件生成、影视后期 |
| DeepSeek R1 (深度求索) | 国产开源标杆，推理速度提升3倍，128k中文长文本处理 | 中文文化类问答错误率18% | 政务文档分析、金融研报生成、代码辅助 |
MCP
你用 MCp Tool 发送请求 → MCp Server 按 MCp 协议整理上下文 → 交给 LLM 处理 → 结果通过 Server 和 Tool 返回给你。
MCp 是沟通的语言，Server 是执行者，Tool 是入口，LLM 是大脑。
用户 → MCp Tool（“明天上海天气？”+历史对话）
↓
MCp Server（按 MCp 协议打包：“用户昨天问过北京，今天又问上海，历史记录是XXX”）
↓
LLM（看到完整上下文→理解“上海天气”）
↓
MCp Server（接收回复→按协议解包）
↓
用户 ← MCp Tool（返回：“上海明天多云，26°C”）
Trae - AI 原生 IDE
支持从VSCode/Cursor迁移配置
设计稿转代码
| 对比维度 | Trae IDE（独立应用） | Trae 插件（MarsCode 衍生） |
|---|---|---|
| AI整合度 | 深度整合，支持全项目级AI决策 | 依赖宿主IDE，功能受限于插件架构 |
trae国际版：登录需要VPN，模型回答（插入等功能）可能需要VPN
vscode +语音，模型无需VPN
cursor +图片
| 维度 | Trae IDE | Cursor IDE |
|---|---|---|
| 开发公司 | 字节跳动（国内版/国际版） | Anysphere（美国） |
| 核心定位 | AI原生IDE，专为中文开发者优化 | 基于VS Code重构，全球化多语言支持 |
| 模型支持 | 国内版： Doubao-1.5-pro、DeepSeek R1/V3 Claude 3.5/3.7（更擅长编程）、GPT-4o（免费） |
GPT-4、Claude 3.5（需订阅Pro版） |
| 价格策略 | 完全免费 | Pro版20美元/月，企业版更高 |
Cursor - The AI Code Editor
Cursor如何汉化（简单）_cursor设置中文-CSDN博客
Cursor 可能经常token用完
代码生成能力
-
Trae
-
Builder模式：自动生成完整项目框架，适合快速原型开发。
-
中文优化：在中文API调用、注释生成等场景准确率高18.3%。
-
-
Cursor
-
多语言支持：擅长TypeScript、Go等语言的强类型推导，跨文件编辑能力更强。
-
复杂任务：如微服务架构设计，编译通过率比Trae高9.7%。
-
交互模式
-
Trae
-
Chat模式：支持中文自然语言交互，一键修复Bug或生成注释。
-
多模态：上传设计图生成代码（如“截图即开发”）
-
通用IDE
VSCode
官方直接下载(下载最新版或更新到最新版)
VSCode插件：Auto Dark Mode（根据时间自动切换）。
优先选浅色主题的情况
- 白天/光线充足环境
- 需要精确辨识字体的工作（如代码审查、文档编辑）
- 有散光或老花眼（深色主题会加重视觉模糊）
2. 优先选深色主题的情况
- 夜间/低光照环境
- OLED屏幕用户（深色省电且减少烧屏风险）
- 短期聚焦特定元素（如调试高亮语法）
| 要素 | 深色主题 | 浅色主题 |
|---|---|---|
| 蓝光暴露 | 减少屏幕整体蓝光发射量 | 蓝光较多，但可通过系统级护眼模式过滤 |
| 瞳孔调节 | 瞳孔放大，可能增加眩光敏感度 | 瞳孔自然收缩，减少外部光线干扰 |
| 文本对比度 | 高对比度易引 |
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
