vault backup: 2024-11-14 21:21:16

docs/blog/.obsidian/workspace.json

@@ -13,12 +13,12 @@
             "state": {
               "type": "markdown",
               "state": {
-                "file": "clip/2. 高效找素材.md",
+                "file": "ai/cursor-guide.md",
                 "mode": "source",
                 "source": false
               },
               "icon": "lucide-file",
-              "title": "2. 高效找素材"
+              "title": "cursor-guide"
             }
           }
         ]
@@ -139,10 +139,10 @@
             "state": {
               "type": "outline",
               "state": {
-                "file": "clip/2. 高效找素材.md"
+                "file": "ai/cursor-guide.md"
               },
               "icon": "lucide-list",
-              "title": "2. 高效找素材 的大纲"
+              "title": "cursor-guide 的大纲"
             }
           }
         ],
@@ -164,6 +164,9 @@
   },
   "active": "4356ccb312dc0979",
   "lastOpenFiles": [
+    "clip/2. 高效找素材.md",
+    "ai/cursor-guide.md",
+    "ai",
     "clip/3. 找音乐素材.md",
     "clip/1. 构建视频框架.md",
     "frontend/react/next-render-way.md",
@@ -183,9 +186,7 @@
     "frontend/react/React.memo 实现原理.md",
     "frontend/react/memo.md",
     "未命名 1",
-    "未命名",
     "clip/5. 打破常规，但能玩出惊喜的组接.md",
-    "clip/2. 高效找素材.md",
     "index.md",
     "clip",
     "thinking/index.md",
@@ -194,7 +195,6 @@
     "frontend/nest/nest学习梳理.md",
     "Pasted image 20240806223732.png",
     "Pasted image 20240806223717.png",
-    "frontend/node/custom-cli.md",
     "frontend/nest"
   ]
 }

docs/blog/ai/cursor-guide.md

@@ -0,0 +1,123 @@
+# Cursor 不完全上手指北
+
+介绍Cursor AI IDE的最新上手指南，包括下载安装、基础操作、高级用法和技巧
+
+## 下载并安装 Cursor
+
+前往 Cursor 官网 下载。
+
+## 熟悉界面
+
+> 如果熟悉 VS Code，那么使用 Cursor 会让你感到得心应手。
+
+Cursor 可以选择导入 VS Code 已有的配置。左侧显示文件结构，你可以搜索、暂存文件，并访问类似 VS Code 布局的扩展。一个主要的区别在于设置选项卡，你可以在这里启用自动补全、代码索引和文件排除等功能，可以根据你的需求自定义 Cursor
+
+## 关键功能
+
+- 自动补全： 启用该功能后，Cursor 会在你输入代码时提供代码补全建议
+- 代码索引： 该功能会为你的代码库建立索引，以提供上下文相关的建议和查询。它对于理解大型项目非常有用，尤其是那些难以全面把握的代码库
+- 文件排除： 可以将敏感或无关文件排除在 AI 索引之外，以保护隐私并减少不必要的建议干扰
+- composer：
+	- composer 是用于代码创作和编辑的功能模块，它可以帮助开发者更高效地编写和改进代码。在这个模式下，cusor 更加关注代码生成、重构、补全和解释等方面的任务
+	- 开发者可以通过 composer 来撰写新的代码、改进现有代码、或者请求特定的代码片段生成。composer 会理解代码上下文，帮助提供符合项目和代码风格的建议
+- chat：
+	- chat 功能则更像是一个对话助手，用户可以与之交流代码的问题、请教实现细节、或者了解某些编程概念。
+	- 在 chat 模式下，Cursor 更专注于帮助用户解决疑问，解释代码，讨论技术选项，或者回答理论性的问题。`chat` 功能也适合用来进行代码审查，或者对代码进行整体性的建议。
+
+## 常用快捷键
+
+### Edit
+
+- Ctrl/⌘ + K：允许在编辑器窗口中生成新代码或编辑现有代码
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731580944126-b356d3b5-85b5-4c0a-b560-2717559c7173.png)
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731580921427-7c043461-6e7f-4a94-b7ea-9c125d82b3bb.png)
+
+### Chat
+
+- Ctrl/⌘ + L： 打开聊天
+- Ctrl/⌘ + Alt/Option + L： 打开聊天历史（需要在打开聊天面板的情况下使用）
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731581506319-43593e8f-251c-44f9-a86a-85510e253344.png)
+
+### Composer
+
+- Ctrl/⌘ + I，打开 composer 面板
+- Composer 是Cursor 的特色功能，它的功能是在一个对话窗口里同时对多个文件进行修改
+
+### Fix
+
+- Ctrl/⌘ + Shift + E：对 linter 错误进行 AI 修复
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731581668290-532824d9-c805-4ac3-96c8-154c1a4b3b32.png)
+
+## 实用技巧
+
+### 1. 解析当前项目，优化程序：
+	提示词：请分析项目、整理问题、并给出改进建议
+### 2. 设置 Rules for AI：
+	1. 配置rules让cursor更加智能
+	2. 给编辑器配置rules：
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731584761795-ea19cea0-0851-4df2-871c-e994224dd254.png)
+
+3. 在项目根目录下，创建.cursorrules文件
+4. 具体rules规则可参考：[https://github.com/PatrickJS/awesome-cursorrules](https://github.com/PatrickJS/awesome-cursorrules)
+
+### 3. 同步代码索引：
+
+为了得到准确的回答，记得开启这两项
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731584868208-7f35ddde-bef0-4d0f-a410-d2d73d2a1bf4.png)
+
+其中：
+
+codebase indexing 是将本地代码库分割成小块的语言数据，然后将每个小块发送给cursor服务器，使用open AI 的 embeding API 进行嵌入，并且将文件的相对路径一起存储到远程的矢量数据库中，既保证了代码的安全性，又能利用索引提高回答质量
+
+如果你不希望核心代码或者与项目无关的代码（日志文件、第三方工具、环境变量、打包后的文件）被索引，也可以设置忽略文件或目录（已经存在的ignore文件记得备份，不然会被覆盖）：
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731585079891-bdc165b2-3787-403c-8696-a1e94cd8829f.png)
+
+4. Chat vs Composer：
+
+在 cursor 中，有两处是可以用来对话的：
+
+![](https://cdn.nlark.com/yuque/0/2024/png/21456068/1731585417801-40b95eb9-bd96-47d0-b126-bd207048f162.png)
+
+什么时候用 Chat 或 Composer？
+
+Chat用于思考层面，Composer用于快速编辑
+
+- Chat：
+
+- 当你对需要实现的功能不太确定，所涉及的逻辑又十分复杂，并且这个逻辑又涉及到多个文件的时候，不妨在 Chat里询问清楚
+- 把自己想到的创意的点子说出来，让 chat 为你提供一些有参考价值的建议
+
+- Composer：
+
+- 当思路被理清楚，分解成指令
+- 你认为这个任务很简单
+- 你任务要实现的功能非常明确
+
+5. 乱改代码的问题：
+
+给 cursor 提出问题前，为了防止他出现非常离谱的回答
+
+- 可以让他先复述一遍你的需求
+- 添加一句：不要影响其他功能和界面布局样式
+
+6. 日志输出：
+
+给项目加上日志，提示词：在 【功能】的执行过程中，输出关键信息
+
+8. README文档：让 cursor 对 项目README文档进行更新和维护，这样重新回到项目的时候，也可以让 cursor 读取这个README文档
+9. 增加注释：让 cursor 生成代码的时候增加注释，帮助自己理解实现的逻辑
+10. 调试时 save all：使用 Composer 时，当处于在项目测试和改bug阶段，先选择 save all，此时代码处于运行的状态，如果满意，选择 accept all，如果不满意，选择 reject all
+11. 多用 @codebase：使用 Composer 和 Chat 功能时，尽量多用 @codebase，否则 cursor 经常不知道项目内容是什么
+
+参考：
+
+- [Cursor - Build Software Faster](https://docs.cursor.com/get-started)
+- [Cursor十大使用技巧：免费无限量使用Cursor Pro会员指南_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1YAtReqEkH/?spm_id_from=333.337.search-card.all.click&vd_source=ec61df0d63e147463c27541f414a804d)
+- [实用的Cursor使用技巧分享_哔哩哔哩_bilibili](https://www.bilibili.com/video/BV1RBm2YJEb9/?spm_id_from=333.337.search-card.all.click&vd_source=ec61df0d63e147463c27541f414a804d)