Toypipi's blog

发表于 分类于 本文字数： 727 阅读时长 ≈ 3 分钟

整理下自己常用的 VSCode 插件。其中标题带 ✨ 表示目前正在使用的。

CodeGeeX: AI Coding Assistant ✨

AI 编程助手。

功能名称 操作方法 描述
代码自动补全 按 Tab 键采纳建议，按任意键取消 在编码过程中，CodeGeeX 会根据上下文内容提供代码补全建议
代码生成 输入自然语言注释 CodeGeeX 可以生成相关代码片段
代码注释 选中代码，右键点击选择 CodeGeeX -> Add Comment 为代码添加注释
幽灵注释 选中代码，右键点击选择 CodeGeeX -> Add Ghost Comment 为代码添加幽灵注释。这些注释不会直接写入代码中，因此得名“幽灵”
代码解释 选中代码，右键点击选择 CodeGeeX -> Explain Code，或输入 /explain 解释选中的代码
代码优化 选中代码，右键点击选择 CodeGeeX -> Optimize Code 优化选中的代码
生成单元测试 选中代码，右键点击选择 CodeGeeX -> Generate Unit Test 为选中的代码生成单元测试
修复代码错误 选中代码，右键点击选择 CodeGeeX -> Fix Bug 修复选中的代码中的错误
行内对话编程 使用快捷键 Ctrl+I（Windows）或 Command+I（Mac） 触发行内对话编程功能
开源代码仓库智能问答 使用 @Repo 功能 对开源代码仓库进行提问

Code Spell Checker ✨

安装后，插件默认会自动识别单词的拼写错误，并在文件和 PROBLEM 选项框中提示，颜色默认是蓝色。
取消拼写检查:

  1. 完全禁用插件：如果不想进行拼写检查，可以在插件商城中将该插件禁用。
  2. 取消对单个文件的检查：在文件开头添加以下注释之一：
1
2
3
/* cspell:disable */
/* spell-checker: disable */
/* spellchecker: disable */

不同文件的注释方式可能不同，例如在 JavaScript 中可以使用 // cspell:disable，在 HTML 中可以使用 <!-- spell:disable -->。
忽略特定单词：在文件中添加以下注释，忽略特定单词：

1
// cspell:ignore Pinia,zaallano,wooorrdd

这适用于文件中引入的库名或自定义字段。

Better Comments

  1. 打开 Visual Studio Code 的设置（快捷键 Ctrl+,）。
  2. 在搜索框中输入 Better Comments。
  3. 根据需要调整以下设置：
    better-comments.multilineComments：控制是否对多行注释使用注释标签进行样式化。
    better-comments.highlightPlainText：控制是否对纯文本文件中的注释使用注释标签进行样式化。
    better-comments.tags：自定义注释标签及其样式。
  4. 自定义注释样式
    通过修改 better-comments.tags 设置来自定义注释的样式。例如：
    阅读全文 »

标签的 href 属性遇到 router.push 点击事件

发表于 分类于 本文字数： 330 阅读时长 ≈ 1 分钟

今天在新增用户注册功能时，点击去注册按钮，发现页面刷新后，马上又回到了登录页面，并没有跳转到注册页面。反复排查了几个小时，最后发现问题在于 <a> 标签的 href 属性和 router.push 点击事件同时生效，导致页面刷新，没有正常跳转。

问题原因

具体代码详见 GitHub，出问题的在源文件的第 50 行：

1
2
3
4
5
6
7
8
<!-- 跳转按钮 -->
<div class="pt-1 pb-3 leading-[0px] text-right">
  <a
    class="inline-block pb-1 text-zinc-400 text-right dark:text-zinc-600 hover:text-zinc-600 dark:hover:text-zinc-400 text-sm duration-300 cursor-pointer"
    href=""
    @click="onToReg"
    >去注册</a>
</div>
阅读全文 »

发表于 分类于 本文字数： 328 阅读时长 ≈ 1 分钟

刚刚复盘了 2024 年度目标，马不停蹄开始 2025 年度规划。

2025 年牢记：

记录，思考，总结，复盘。
不要怕，不要等，想到什么立马去做。

2025 年目标：

  • 1.三月份通过高中数学教资笔试
    • 阅读教材
    • 看视频教程
    • 刷题
  • 2.五月份通过高项考试
    • 阅读《历年真题，模拟题，计算题专题.pdf》
    • 阅读《重点考点汇总，案例专题及论文专题.pdf》
    • 大量刷题
  • 3.前端技术精进
    • Vue 3 项目实战
    • React 18 项目实战
    • uni-app 项目实战
    • 小程序项目实战
    • ts 项目实战
      阅读全文 »

发表于 分类于 本文字数： 149 阅读时长 ≈ 1 分钟

在 GitHub 上，导航到存储库的主页面。

在存储库名称下，单击 “设置”。 如果看不到 “设置” 选项卡，请选择 “” 下拉菜单，然后单击 “设置”。

存储库标头的屏幕截图，其中显示了选项卡。 “设置”选项卡以深橙色边框突出显示。
在 “默认分支” 下，在默认分支名称的右侧，单击 。

选择分支下拉菜单，然后单击分支名称。

单击 “更新”。

阅读警告，然后单击 “我了解，请更新默认分支”。

参考文档

更改默认分支

0%