和合天宜

输入法推荐：RIME + 雾凇拼音

Tue, 13 May 2025 00:00:00 GMT

介绍

RIME／中州韵输入法引擎，是一个跨平台的输入法算法框架。

基于这一框架，Rime 开发者与其他开源社区的参与者在 Windows、macOS、Linux、Android 等平台上创造了不同的输入法前端实现。
雾凇拼音则是RIME的一个长期维护的简体开源词库。亮点丰富，功能强大，维护在线。

安装

Windows 平台下的安装、更新

前往RIME官方网站，下载小狼毫（Weasel）安装包；

下载后，运行安装程序，按提示安装即可。期间，安装程序会要求你指定用户文件夹，该文件夹用于放置 RIME 的用户配置文件，通常使用默认设置即可，当然你也可以指定其他的位置。
安装雾凇拼音

Windows 平台安装雾凇拼音非常方便，可以直接使用小狼毫输入法自带的配置工具。

更新步骤与安装步骤完全相同。
- 第一步，右键点击任务栏上的 RIME 图标，选择「输入法设定」，打开配置工具。
- 第二步，在配置工具中，点击左下角的「获取更多输入方案」按钮。
- 第三步，随后会出现一个命令行窗口，这就是小狼毫自带的配置文件安装工具。在提示符「Enter package name...」后，输入雾凇拼音的包名（其中，full表示安装所有的组件）：
```
iDvel/rime-ice:others/recipes/full
```
- 第四步，回车确认，随即 RIME 会自动下载、安装雾凇拼音输入方案，如下图所示。
- 注意：配置文件安装工具需要用到 Git。
- 第五步，稍等片刻，命令提示符出现「Updated xxx files...」的提示（黄色字样），表示安装完成。此时可以直接关掉该窗口。
- 第六步，回到小狼毫配置工具，将列表往下拉，你就会看到雾凇拼音的选项。勾选它，然后单击「中」按钮3，确认。
  
  接下来配置工具还会要求你选择一款皮肤，选择纯粹的形式。直接点击「中」按钮确认，即可完成全部设置。
激活雾凇拼音输入方案

现在雾凇拼音输入方案已经准备就绪，但还没有激活。此时输入文字，仍然还在使用原有的拼音方案。

接下来，只需要按 「Ctrl+~」 快捷键（其中，「~」 键位于 Tab 键的正上方），打开 RIME 的输入方案选择菜单，选择雾凇拼音即可。

一些配置

字体

推荐霞鹜文楷

前往用户文件夹，修改weasel.custom.yaml文件

 ```yaml
 patch:
   "style/color_scheme": purity_of_form_custom # 选择的皮肤
   "style/font_face": "霞鹜文楷, Segoe UI Emoji, Microsoft YaHei, SF Pro, Noto Color Emoji" # 字体
   "style/font_point": 12 # 字体大小
   "style/label_font_face": "霞鹜文楷" # 序号字体
   "style/comment_font_face": "霞鹜文楷" # 注字体
   "show_notifications": false # 不显示状态变化的通知
 ```

候选词个数

前往用户文件夹，修改default.custom.yaml文件

 ```yaml
   patch:
     schema_list:
       - {schema: rime_ice} # 选定的雾凇拼音输入方案
     menu:
       page_size: 7 # 修改候选词数量为7
 ```

使用 Ctrl + space 切换中英文输入法

禁用系统 Ctrl + space 切换中英文

1. 打开注册表，跳转到HKEY_CURRENT_USER/Control Panel/Input Method/Hot Keys目录下面
2. 选择00000070（中文繁体）或者00000010（中文简体）
3. 将Key Modifiers的第一个字节设置为00（02c00000->00c00000）
4. 将Virtual Key的第一个字节设置为ff（20000000->ff000000）
5. 注销用户然后重新登录，搞定

另外
HKEY_CURRENT_USER/Control Panel/Input Method/Hot Keys，保存的是当前用户的快捷键配置；
HKEY_USERS.DEFAULT\Control Panel\Input Method\Hot Keys，保存的是默认的快捷键配置；
若修改上一个注册表不好使，那就把下面的默认的也修改了

配置 default.custom.yaml

patch:
  # 禁用默认中西文切换
  "ascii_composer/switch_key/Shift_L": noop
  "ascii_composer/switch_key/Shift_R": noop

  # 新建 中西文切换 快捷键绑定
  "key_binder/bindings":
    - { when: always, accept: "Control+space", toggle: ascii_mode }

解决方案选单快捷键在 VSCode 中与打开终端快捷键冲突

禁用 default.yaml 中的 方案选单相关 下 hotkeys 下的 Control+grave 选项，并重新部署

AI i18n，两行js实现html全自动翻译。

Mon, 12 May 2025 00:00:00 GMT

介绍

使用示例

在浏览器中使用（html + js）

<!-- 增加某种语言切换的按钮。注意 ul上加了一个 class="ignore" 代表这块代码不会被翻译到 -->
<ul class="ignore">
  <li><a href="javascript:translate.changeLanguage('english');">English</a></li>|
  <li><a href="javascript:translate.changeLanguage('chinese_simplified');">简体中文</a></li>|
  <li><a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a></li>
</ul>

<!-- 引入多语言切换的js -->
<script src="https://cdn.staticfile.net/translate.js/3.12.0/translate.js"></script>
<script>
  translate.selectLanguageTag.show = false; // 不出现的select的选择语言
  translate.service.use('client.edge'); // 设置机器翻译服务通道
  translate.ignore.class.push('ignore'); // 忽略翻译
  translate.listener.start() // 开启html页面变化的监控
  translate.execute(); // 执行翻译初始化操作
</script>

在Vue中使用

安装
```
npm i i18n-jsautotranslate
```

使用

import translate from 'i18n-jsautotranslate'

translate.selectLanguageTag.show = false // 不出现的select的选择语言
window.translate = translate // 方便审核元素用控制台调试
translate.service.use('client.edge') // 设置机器翻译服务通道
translate.whole.enableAll() // 整体翻译

// 页面渲染完毕后触发执行 translate.execute();
nextTick(() => {
  translate.execute() // 执行翻译初始化操作
  // vue 的 input 中的 placeholder 属性会在 nextTick 之后延迟渲染，而这个属性是没有别的方式来监听的，所以额外加一个定时器
  setTimeout(() => {
    translate.execute() // 执行翻译初始化操作
  }, 500)
  translate.listener.start() // 开启html页面变化的监控
})

onUpdated(() => {
  translate.execute() // 执行翻译初始化操作
})

注意: 比如你vue页面中有个切换语言的按钮，点击后进行切换为某种语言，千万不要在vue页面中引入 translate.js ，这样会造成重复引入重复翻译， vue中使用时只需要前面加个windows就好了; 不是vue的情况正常使用是 translate.changeLanguage('english'); 而在vue代码中触发则是 window.translate.changeLanguage('english');

完。

使用Scoop管理windows软件

Wed, 07 May 2025 00:00:00 GMT

🔧 准备工作

操作系统：Windows 10 或 Windows 11（Windows 7 SP1+ 理论上也支持，但更推荐新版本）。
PowerShell：版本 5.1 或更高版本。Windows 10/11 通常自带。
- 检查方法：打开 PowerShell（按 Win + X，选择“Windows PowerShell”或“终端”），输入 $PSVersionTable.PSVersion 并回车，查看 Major 版本号是否 >= 5。
.NET Framework：4.5 或更高版本 (通常新版 Windows 已满足)。
网络连接：稳定且能访问 GitHub (Scoop 的核心依赖)。
管理员权限：虽然 Scoop 的核心理念是非管理员权限安装，但在首次设置 PowerShell 执行策略或进行全局安装时可能需要。建议首次操作时，以管理员身份运行 PowerShell。
基本命令行知识：别担心！如果你是新手，只需跟着步骤复制粘贴命令即可。我会解释每一步的作用。
网络环境：全程代理网络。如果你在国内网络环境下遇到困难（如下载慢、连接失败），可能需要配置代理或使用其他网络优化方法。文末会提供一些解决方案思路。

🚀 核心步骤

步骤一：安装 Scoop 本体

Scoop 本身就是一个需要被“安装”的工具。

打开 PowerShell:

* 按下 Win + X 快捷键，在菜单中选择 “Windows PowerShell (管理员)” 或 “终端 (管理员)”。**建议首次使用管理员权限，**以确保后续步骤顺利。

设置执行策略:
- 为了允许 PowerShell 运行像 Scoop 安装脚本这样的本地或远程签名的脚本，需要调整执行策略。输入以下命令：
```
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
```
- 按下回车。如果系统询问是否更改执行策略，输入 Y 并回车确认。
- 💡小科普:
  - Set-ExecutionPolicy: 这是设置 PowerShell 执行策略的命令。
  - RemoteSigned: 这是一种安全策略，允许运行本地创建的脚本，对于从网络下载的脚本，则要求它们具有可信发布者的数字签名。这比 Unrestricted（允许所有脚本）更安全。
  - -Scope CurrentUser: 表示这个设置仅对当前登录的用户生效，通常不需要管理员权限（但首次设置可能需要确认），也更安全。
执行安装命令:
- 接下来，粘贴并运行以下命令来下载并执行 Scoop 的官方安装脚本：
```
Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression
# 或者使用别名更简洁的版本 (iwr = Invoke-RestMethod, iex = Invoke-Expression)
# iwr -useb get.scoop.sh | iex
```
- 💡小科普:
  - Invoke-RestMethod (或 iwr): 从指定的 URL 下载内容（这里是安装脚本）。
  - | (管道符): 将前一个命令的输出（下载的脚本内容）传递给后一个命令。
  - Invoke-Expression (或 iex): 执行接收到的字符串内容（也就是运行安装脚本）。
预期结果:
- 等待脚本执行完毕。如果一切顺利，你会在 PowerShell 窗口看到类似 “Scoop was installed successfully!” 的成功信息。
- 默认情况下，Scoop 会安装在你的用户目录下：C:\Users\你的用户名\scoop。

(可选) 修改默认安装路径:

如果你不想把 Scoop 安装在 C 盘，或者想统一管理软件，可以在执行安装命令之前，先运行以下两条命令来指定路径（例如，安装到 D:\Apps\Scoop）：

# 1. 设置 Scoop 的安装目录环境变量
$env:SCOOP='D:\Apps\Scoop'
# 2. 将这个环境变量永久写入用户配置 (下次打开 PowerShell 依然有效)
[Environment]::SetEnvironmentVariable('SCOOP', $env:SCOOP, 'User')
# 3. (可选) 设置全局安装路径 (如果需要全局安装软件)
# $env:SCOOP_GLOBAL='D:\GlobalApps'
# [Environment]::SetEnvironmentVariable('SCOOP_GLOBAL', $env:SCOOP_GLOBAL, 'Machine') # Machine 级别需要管理员权限

设置完路径后，再执行上面的第 3 步安装命令。

步骤二：验证安装与添加软件仓库 (Bucket)

Scoop 使用 “Bucket”（桶）来管理软件包列表，每个 Bucket 就是一个 Git 仓库，里面包含了软件的安装信息（称为 Manifest，清单文件）。默认只有 main Bucket，主要包含常用的命令行工具。我们需要添加更多 Buckets 来发现和安装更多软件。

验证 Scoop:
- 在 PowerShell 中输入 scoop help 并回车。如果看到 Scoop 的帮助信息和可用命令列表，说明 Scoop 已成功安装并可以工作了。
添加常用 Bucket:
- extras Bucket 包含了大量流行的 GUI 软件和非 main Bucket 的常用工具。强烈建议添加：
```
scoop bucket add extras
```
- 💡提示: 添加 Bucket 需要从 GitHub 克隆仓库，如果网络慢请耐心等待。如果失败，检查网络或代理设置。
- 重要: Scoop 依赖 git 来管理 Buckets。如果你的系统没有安装 git，Scoop 在添加第一个 Bucket 时通常会提示并自动尝试安装。你也可以手动安装：scoop install git。
添加其他常用 Buckets (可选):
- 根据你的需要，可以添加更多社区维护的 Buckets。例如：
  - 安装各种 Java 版本：scoop bucket add java
  - 安装 Nerd Fonts (美化终端字体)：scoop bucket add nerd-fonts
  - 安装特定旧版本的软件：scoop bucket add versions
  - 安装非便携应用 (需要特殊处理)：scoop bucket add nonportable (安装里面的软件可能需要管理员权限)
- 去哪里找更多 Buckets？
  - 官方维护的 Bucket 列表
  - 社区维护的已知 Buckets 列表：可以在网上搜索 “known scoop buckets” 或查看这个非官方索引 (但请注意，首选官方或广泛使用的 Bucket)。
注意事项:
- 添加 Bucket 时需要良好的网络连接。
- 如果命令出错，请检查 Bucket 名称是否拼写正确。
- 有时网络波动会导致添加失败，重试一次可能就好了。

步骤三：用 Scoop 安装你的常用软件

激动人心的时刻到了！现在你可以像逛超市一样，用简单的命令安装软件了。

搜索软件:
- 不确定软件是否在已添加的 Buckets 里？用 search 命令！
```
scoop search <你想搜索的软件名或关键词>
# 例如: 搜索 pnpm
scoop search pnpm
```
- Scoop 会列出匹配的软件包及其所在的 Bucket。
- 更方便的搜索: 你也可以直接访问 Scoop 的官方网站，它提供了一个图形化的搜索界面。注意取消勾选页面上的 “main” 筛选器可以搜索到 extras 等其他 Bucket 中的包。

安装单个软件:

找到你需要的软件名后，使用 install 命令安装。

# 安装 Git (来自 main bucket)
scoop install git
# 安装 7zip (来自 main bucket)
scoop install 7zip
# 安装 VS Code (来自 extras bucket)
scoop install vscode

一次安装多个软件:
- 提高效率，一次性安装多个！用空格隔开软件名即可。
```
scoop install nodejs python mysql nginx putty everything powertoys
```
(可选) 全局安装:
- 默认情况下，Scoop 安装的软件只对当前用户可用，并且安装在用户目录下的 scoop 文件夹中（如 C:\Users\你的用户名\scoop\apps）。这通常不需要管理员权限，也更干净、便携。
- 如果你希望软件对系统上的所有用户都可用，可以使用 -g 或 --global 参数。这需要管理员权限运行 PowerShell，并且软件会被安装到全局路径（默认为 C:\ProgramData\scoop，或通过 $env:SCOOP_GLOBAL 指定的路径）。
```
# 全局安装 OpenJDK (需要管理员权限运行 PowerShell)
scoop install openjdk --global
```
- 💡建议: 除非你明确知道需要全局安装，否则优先使用默认的用户模式安装，这更能体现 Scoop 的优势。
预期结果:
- Scoop 会自动下载软件包、解压、处理依赖，并将可执行文件通过 “shim” 机制添加到你的 PATH 中。安装完成后，你通常可以直接在新的 PowerShell 或 CMD 窗口中使用该软件的命令。
- 例如，安装 openjdk 后，打开一个新的 PowerShell 窗口，输入 java -version，应该能看到 Java 的版本信息。
💡Scoop 的魔法：Shim 是什么？
- Scoop 的一个核心优势是不污染系统的 PATH 环境变量。它怎么做到的？答案是 “Shim” (垫片)。
- 当你安装一个软件（比如 git）后，Scoop 不会把 git.exe 所在的整个目录加到系统 PATH。它只做一件事：在 ~/scoop/shims 目录下（这个目录在安装 Scoop 时会被自动添加到用户 PATH 中）创建一个名为 git.exe 的极小的可执行文件 (shim)。
- 当你运行 git 命令时，系统在 PATH 里找到了 ~/scoop/shims/git.exe。这个 shim 文件知道真正 git.exe 的位置（比如在 ~/scoop/apps/git/current/bin/git.exe），然后它会启动真正的 git.exe。
- 这样做的好处是：你的 PATH 变量非常干净，只增加了一个 shims 目录。卸载软件时，只需删除对应的 shim 和软件目录，对系统几乎没有影响。对于 GUI 程序，Scoop 会在开始菜单创建一个 “Scoop Apps” 文件夹存放快捷方式。

步骤四：软件的更新与管理

安装只是开始，Scoop 还能帮你轻松管理已安装的软件。

检查更新:
- 想知道哪些软件有新版本了？
```
# 检查 Scoop 自身和所有 Buckets 的更新，并列出可更新的软件
scoop status
# 或者直接更新 Scoop 自身和 Buckets 的信息
scoop update
```
- scoop update 首先会更新 Scoop 自身和所有已添加的 Bucket（相当于对每个 Bucket 的 Git 仓库执行 git pull），获取最新的软件包清单。
更新所有软件:
- 一键更新所有已安装且有新版本的软件：
```
scoop update *
```

更新指定软件:

只想更新某个特定的软件？

scoop update <软件名>
# 例如: 更新 nodejs
scoop update nodejs

查看已安装列表:
- 想看看自己都装了些什么？
```
scoop list
```
卸载软件:
- 不再需要某个软件了？干干净净地移除它！
```
scoop uninstall <软件名>
# 例如: 卸载 mysql
scoop uninstall mysql
```
- Scoop 会删除软件文件和对应的 shim/快捷方式，非常彻底。
查看软件信息:
- 想了解某个已安装或可用软件的详细信息（版本、来源、依赖等）？
```
scoop info <软件名>
# 例如: 查看 git 的信息
scoop info git
```

回退到旧版本:

更新后发现新版本有 Bug？可以尝试回退。

# 先查看可用版本
scoop info <软件名>
# 回退到指定版本 (例如回退 git 到 2.30.0.windows.1)
scoop reset <软件名>@<版本号>
scoop reset git@2.30.0.windows.1

其他常用命令:
- scoop cleanup * : 清理所有软件的旧版本，释放磁盘空间。
- scoop cache rm * : 清除下载缓存。
- scoop home <软件名> : 在浏览器中打开软件的官方主页。
- scoop which <命令名> : 显示某个命令对应的可执行文件的实际路径 (类似 Linux 的 which)。

引用自：重装电脑用Scoop管理软件,清爽多了!

完。

安装 Git

Mon, 21 Apr 2025 00:00:00 GMT

在使用 Git 前我们需要先安装 Git。Git 支持 macOS，Windows，Linux/Unix。

Git 各平台安装包下载地址为：https://git-scm.com/downloads

Windows

下载安装文件并运行即可，安装完成之后，就可以使用命令行的 Git 工具（已经自带了 ssh 客户端），另外还有一个图形界面的 Git 项目管理工具。

Mac

最新版的 Mac 系统自带了 Git，如果想重新安装，步骤类 Windows

Linux

Debian/Ubuntu
1. 更新系统环境：apt-get update -y && apt-get upgrade -y，如果报错则需要提权
2. 安装 Git：apt-get install git -y

完。

什么是 npm？

Mon, 21 Apr 2025 00:00:00 GMT

npm是世界上最大的软件库（Registry）

npm也是一个软件包管理器和安装器

世界上最大的软件注册中心（图书馆）

npm是世界上最大的软件注册中心。
该注册表包含超过 800,000 个代码包。
开源开发人员使用npm来共享软件。
许多组织还使用 npm 来管理私有开发。

使用 npm 是免费的

npm是免费使用的。
无需注册、登录，即可下载所有npm公共软件包。

完。

关于小程序平台编译慢，卡，组件问题

Mon, 21 Apr 2025 00:00:00 GMT

主要原因是uni dcloud经过编译压缩后的代码，再通过微信工具打开再次识别编译导致的慢，无法避免。

大家可以对比：

a. 如果同样一个项目我有30个页面若干组件，使用微信原生开发，发现微信自带工具编译，热更新非常快！

b. 但经过uni编译后，引用的组件比如我的tmui组件，因为有大量的插槽编译，导致编译慢，且微信工具重新识别慢，卡

c. 开发时局部热更新，引入新组件时，开发工具不显示需要重新编译。解决方案是设置代码编码变动整个热更新编译，微信工具上有设置

解决方案：

1、仅量少嵌套组件，比如tm-sheet，其实就是一个class配置的view，如果你不涉及暗黑完全可以不用，只view就行，通过 我的css工具一样快速实现，不增加代码量。

2、需要使用时应该外层只套一层即可。而不是sheet层层套，倒不是说组件性能问题，是本身开发就要避免组件多级嵌套，才能优化性能。

3、解决编译慢问题，请换个好的电脑你会发现非常快。

通过以上的优化避免，编译出来的小程序性能一样好，不卡。uni编译出来的性能本身就要比原生差那么一点，如果你还不优化就会感觉卡卡的，怪到组件本身的问题上。

希望上面的回复对大家优化有帮助。

完。

Git 配置文件

Mon, 21 Apr 2025 00:00:00 GMT

.gitignore: 忽略文件

.gitattributes: 用于指定特定文件或路径的属性和行为

设置换行符：

*.txt eol=lf     # 将所有 .txt 文件的换行符设置为 LF (Unix 风格)
*.md eol=crlf    # 将所有 .md 文件的换行符设置为 CRLF (Windows 风格)

设置文件类型：

*.png binary    # 将所有 .png 文件标记为二进制文件
*.txt text      # 将所有 .txt 文件标记为文本文件

设置合并策略：

*.txt merge=union    # 使用 union 合并策略合并 .txt 文件
*.md merge=ours      # 使用 ours 合并策略合并 .md 文件

设置文件编码：

*.html charset=utf-8    # 将所有 .html 文件的编码设置为 UTF-8
*.css charset=utf-8     # 将所有 .css 文件的编码设置为 UTF-8

.gitkeep：这是一个约定的文件名，用于在空文件夹中保留该文件夹的版本控制。Git 默认不会跟踪空文件夹，但如果您想在版本库中保留空文件夹，可以在其中添加一个名为 .gitkeep 的空文件。

完。

Git 多公钥配置

Mon, 21 Apr 2025 00:00:00 GMT

解决一个公钥无法共用问题

生成第一个密钥

ssh-keygen -t rsa -C "emailname@email.com"

生成第二个公钥

two_git 是第二个公钥的名称

ssh-keygen -t rsa -C  "emailname@email.com" -f two_git

在 .ssh 目录新建 config 文件

windows下的 .ssh 目录在 C:\Users\username

config 文件配置

# 账号一Host gitee.com
HostName gitee.com
PreferredAuthentications publickey
IdentityFile ~/.ssh/id_rsa
HostkeyAlgorithms +ssh-rsa
PubkeyAcceptedAlgorithms +ssh-rsa
# 账号二# giteeHost two.gitee.com
HostName gitee.com
PreferredAuthentications publickey
IdentityFile ~/.ssh/two_git
HostkeyAlgorithms +ssh-rsa
PubkeyAcceptedAlgorithms +ssh-rsa

使用 ssh 的方式克隆仓库
1. 使用账号一克隆代码
```
git clone git@gitee.com:xxxxxxx
```
2. 使用账号二克隆代码
```
git clone git@two.gitee.com:xxxxxxx
```

完。

Git 使用

Mon, 21 Apr 2025 00:00:00 GMT

设置项目内的user.name和user.email

git config --local user.name "xxxxxx"git config --local user.email "xxx@xxxx.xxx"

.gitignore

.gitignore 是一个用于指定Git版本控制系统忽略哪些文件和目录的配置文件。当你在项目中创建了.gitignore文件并定义了忽略规则后，Git会自动忽略这些文件和目录的变更。

.gitignore 文件的语法很简单，每一行表示一个忽略规则。你可以使用以下几种模式来指定要忽略的文件或目录：

文件名匹配：
- filename：忽略特定文件或目录，如myfile.txt；
- .txt：通配符模式，忽略所有以”.txt”结尾的文件；
- folder/：忽略特定目录，如myfolder/；
路径匹配：
- /path/to/file：从根目录开始的完整路径，忽略特定文件或目录；
- path/：相对于当前位置的路径，忽略特定目录及其内容；
注释：
- 使用#作为注释标识，可以在文件中添加注释说明。

.gitignore规则不生效

.gitignore 只能忽略那些原来没有被track的文件，如果某些文件已经被纳入了版本管理中，则修改 .gitignore 是无效的。

解决方法就是先把本地缓存删除（改变成未 track 状态），然后再提交

git rm -r --cached .git add .git commit -m 'chore: update .gitignore'

可以使用 git 提供的 Git Bash 键入一下命令创建 .gitignore 文件

touch .gitignore 创建忽略文件
open .gitignore 打开忽略文件

克隆仓库又创建了一个新的文件夹怎么办？

有些时候在克隆代码仓库之前会创建一个新的空文件夹以便于管理项目，但克隆代码仓库会新创建一个文件夹。

new-product
└── code-repository-name

这样的话，可以将 code-repository-name 文件夹内所有文件都向上拷贝到 new-product 文件夹下，删除 code-repository-name 即可。

仓库迁移

下面的指令可以把已经在的团队的代码仓库提交的代码连着提交历史一起提交到新的代码仓库中，备份好代码后可以使用这个命令把项目从别的团队转到新的团队，但是项目协同相关的信息不会一起转移

git push --mirror 仓库地址

强制拉取线上代码覆盖本地文件

需要将这些更新取回本地，这时就要用到git fetch命令
```
git fetch --all
```
撤销本地、暂存区、版本库（用远程服务器的origin/master替换本地）
```
git reset --hard origin/master
```
git pull 来从远程仓库拉取同步代码
```
git pull origin master
```

完。

服务器部署 Git 代码

Mon, 21 Apr 2025 00:00:00 GMT

服务器部分

随便找个文件夹创建空git仓库

# 前往 /opt 文件创建 Bare 仓库cd /opt
# test-git 可以换成任何文件名# Bare 仓库即是没有工作路径的 Git 仓库, 可以从本地运行 git push 将代码推送到当前的 Bare 仓库中git init test-git.git --bare

进入文件夹中的 hooks 文件夹创建post-receive文件，设置hook，这样每当仓库收到新的代码推送时，就可以运行一些动作
```
cd test-git.git/hooks/
vim post-receive
```

修改post-receive文件并保存

# 首先定义这个文档使用 bash 执行
# !/bin/bash
# 定义终端输出文案（随便定义）echo 'server: received code push...'
# 切换到服务目录cd /www/wwwroot
# 定义终端输出文案（随便定义）# 准备从 Bare 仓库 将代码 checkout 到服务目录echo 'server: checkout latest code from git...'
# 执行从 Bare 仓库 将代码 checkout master 分支到服务目录
# checkout 的分支可以自行定义# GIT_DIR 是 .git 目录的位置。 如果这个没有设置， Git 会按照目录树逐层向上查找 .git 目录，直到到达 ~ 或 /。
# GIT_WORK_TREE 是非空版本库的工作目录的根路径。 如果指定了 --git-dir 或 GIT_DIR 但未指定 --work-tree、GIT_WORK_TREE 或 core.worktree，那么当前工作目录就会视作工作树的顶级目录。git --git-dir=/opt/test-git.git --work-tree=/www/wwwroot/test checkout master -f
# 如果是 Node 项目，可以在后续添加以下命令（或其他项目需要的编译命令）
# 定义终端输出文案（随便定义）echo 'server: running npm install...'
# 执行 npm install, npm run build# 当中的 && 符号代表紧接着要执行的命令# 句末的反斜杠是连接下一行的意思npm install \&& echo 'server: building...' \&& npm run build \&& echo 'server: done.'

赋予post-receive执行权限
```
chmod +x post-receive
```

本地部分

服务器部分处理完就可以回到本地代码操作了

使用vscode等编辑器打开带有git仓库的代码文件夹

运行 git remote add prod

# prod 是 production 的缩写
# root 是服务器的登录名称，后期可以创建一个低权限的账号进行操作
# 然后是服务器的IP，以及Git Bare 仓库的路径git remote add prod ssh://root@IP地址/opt/test-git.git
# 执行 git remote -v 查看新增的 prod 是否正确# remote 是远端代码托管平台的地址git remote -v# 执行 git push prod master 将代码推送到服务器# 就可以看到在 hooks/post-receive 中以'server: ' 开头的讯息，就是定义的post-receive hook 所执行的指令git push prod master

补充部分

新建用户
```
sudo adduser newuser
```

赋予用户权限

以当前文档为例

sudo chown -R newuser /opt/test-git.git
sudo chown -R newuser /www/wwwroot/test

完。

使用 nvm 管理不同版本的 node 与 npm

Mon, 21 Apr 2025 00:00:00 GMT

在我们的日常开发中经常会遇到这种情况：手上有好几个项目，每个项目的需求不同，进而不同项目必须依赖不同版的 NodeJS 运行环境。如果没有一个合适的工具，这个问题将非常棘手。

nvm 应运而生，nvm 是 Mac 下的 node 管理工具，有点类似管理 Ruby 的 rvm，如果需要管理 Windows 下的 node，官方推荐使用 nvmw 或 nvm-windows。不过，nvm-windows 并不是 nvm 的简单移植，他们也没有任何关系。但下面介绍的所有命令，都可以在 nvm-windows 中运行。

nvm 与 n 的区别

node 版本管理工具还有一个是 TJ大神的 n 命令，n 命令是作为一个 node 的模块而存在，而 nvm 是一个独立于 node/npm 的外部 shell 脚本，因此 n 命令相比 nvm 更加局限。

由于 npm 安装的模块路径均为 /usr/local/lib/node_modules，当使用 n 切换不同的 node 版本时，实际上会共用全局的 node/npm 目录。因此不能很好的满足『按不同 node 版本使用不同全局 node 模块』的需求。

使用 nvm 之前的工作

如果是新电脑，忽略；

完全卸载已经安装的 NodeJS，否则会发生冲突；
删除系统环境变量中有关 NodeJs 的路径配置；

Window 安装

下载 nvm-windows 最新安装包，直接安装即可

安装多版本 node/npm

首先，运行 nvm --help，查看支持的命令

PS C:\Users\username> nvm --helpRunning version 1.1.11.
Usage:  nvm arch                     : Show if node is running in 32 or 64 bit mode.
  nvm current                  : Display active version.
  nvm debug                    : Check the NVM4W process for known problems (troubleshooter).  nvm install <version> [arch] : The version can be a specific version, "latest" for the latest current version, or "lts" for the
                                 most recent LTS version. Optionally specify whether to install the 32 or 64 bit version (defaults                                 to system arch). Set [arch] to "all" to install 32 AND 64 bit versions.
                                 Add --insecure to the end of this command to bypass SSL validation of the remote download server.
  nvm list [available]         : List the node.js installations. Type "available" at the end to see what can be installed. Aliased as ls.
  nvm on                       : Enable node.js version management.
  nvm off                      : Disable node.js version management.
  nvm proxy [url]              : Set a proxy to use for downloads. Leave [url] blank to see the current proxy.
                                 Set [url] to "none" to remove the proxy.
  nvm node_mirror [url]        : Set the node mirror. Defaults to https://nodejs.org/dist/. Leave [url] blank to use default url.
  nvm npm_mirror [url]         : Set the npm mirror. Defaults to https://github.com/npm/cli/archive/. Leave [url] blank to default url.
  nvm uninstall <version>      : The version must be a specific version.
  nvm use [version] [arch]     : Switch to use the specified version. Optionally use "latest", "lts", or "newest".
                                 "newest" is the latest installed version. Optionally specify 32/64bit architecture.
                                 nvm use <arch> will continue using the selected version, but switch to 32/64 bit mode.
  nvm root [path]              : Set the directory where nvm should store different versions of node.js.
                                 If <path> is not set, the current root will be displayed.
  nvm [--]version              : Displays the current running version of nvm for Windows. Aliased as v.

安装16.6.0版本，可以使用以下命令
```
nvm install 16.6.0
```
nvm 遵守语义化版本命名规则。例如，你想安装最新的 16.6 系列的最新的一个版本的话，可以运行：
```
nvm install 16.2
```
nvm 会寻找 16.6.x 中最高的版本来安装。

你可以通过以下命令来列出远程服务器上所有的可用版本：
```
nvm ls available
```

在不同版本间切换

每当我们安装了一个新版本 Node 后，全局环境会自动把这个新版本设置为默认。

nvm 提供了 nvm use 命令。这个命令的使用方法和 install 命令类似。

例如，切换到 16.6.2：

nvm use 16.6.2

切换到最新的 16.6.x：

nvm use 16.6

列出已安装实例

nvm ls

当前正在使用的版本会被标注成 Currently using 64-bit executable

在项目中使用不同版本的 Node

我们可以通过创建项目目录中的 .nvmrc 文件来指定要使用的 Node 版本。之后在项目目录中执行 nvm use 即可。.nvmrc 文件内容只需要遵守上文提到的语义化版本规则即可。

.nvmrc 文件内容如下：

v14.21.3

完。

npm,yarn,pnpm

Mon, 21 Apr 2025 00:00:00 GMT

命令对比

npm	yarn	pnpm
npm install	yarn	pnpm install / pnpm i
npm install react –save	yarn add react	pnpm add react
npm uninstall react –save	yarn remove react	pnpm remove react / pnpm rm react
npm install react –save-dev	yarn add react –dev	pnpm add react -D
npm update –save	yarn upgrade	pnpm update

查看全局安装过的包

npm list -g --depth 0
pnpm list -g --depth 0

查看正在使用的软件源

npm config get registry
npm config list
pnpm config get registry
pnpm config list

设置软件源

# 官方源npm config set registry https://registry.npmjs.org/
yarn config set registry https://registry.npmjs.org/
pnpm config set registry https://registry.npmjs.org/
# 阿里镜像源pnpm config set registry https://registry.npmmirror.com/

在项目中创建.npmrc文件配置软件源

.npmrc的作用

.npmrc，可以理解成npm running cnfiguration, 即npm运行时配置文件。

npm按照如下顺序读取这些配置文件：

项目配置文件：你可以在项目的根目录下创建一个.npmrc文件，只用于管理这个项目的npm安装。
用户配置文件：在你使用一个账号登陆的电脑的时候，可以为当前用户创建一个.npmrc文件，之后用该用户登录电脑，就可以使用该配置文件。可以通过 npm config get userconfig 来获取该文件的位置。
全局配置文件：一台电脑可能有多个用户，在这些用户之上，你可以设置一个公共的.npmrc文件，供所有用户使用。该文件的路径为：$PREFIX/etc/npmrc，使用 npm config get prefix 获取$PREFIX。如果你不曾配置过全局文件，该文件不存在。
npm内嵌配置文件：最后还有npm内置配置文件，基本上用不到，不用过度关注。

如何设置.npmrc

设置项目配置文件

在项目的根目录下新建 .npmrc 文件，在里面以 key=value 的格式进行配置。比如要把npm的源配置为淘宝源，可以参考以下代码：
```
registry=https://registry.npmmirror.com/
```
设置用户配置文件

你可以直接通过 npm config get userconfig 命令找到该文件的路径，然后直接仿照上述方法该文件，也可以通过 npm config set 命令继续设置，命令如下：
```
npm config set registry https://registry.npmmirror.com/
```
设置全局配置文件

方法和设置用户配置文件如出一辙，只不过在使用命令行时需要加上 -g 参数。
```
npm config set registry https://registry.npmmirror.com/ -g
```

解决因为node或者npm版本过高导致依赖安装不上的问题

建议使用 nvm 切换 nodejs 版本

npx -p npm@6 npm i --legacy-peer-depsnpx -p npm@7 npm i --legacy-peer-deps

npm和pnpm执行npm包中的可执行文件工具

# npm
npx eslint --init
# pnpm
pnpm dlx eslint --init

完。

和合天宜

输入法推荐：RIME + 雾凇拼音

介绍

安装

一些配置

相关文档

AI i18n，两行js实现html全自动翻译。

介绍

使用示例

在浏览器中使用（html + js）

在Vue中使用

使用Scoop管理windows软件

🔧 准备工作

🚀 核心步骤

步骤一：安装 Scoop 本体

步骤二：验证安装与添加软件仓库 (Bucket)

步骤三：用 Scoop 安装你的常用软件

步骤四：软件的更新与管理

引用自：重装电脑用Scoop管理软件,清爽多了!

安装 Git

Windows

Mac

Linux

什么是 npm？

世界上最大的软件注册中心（图书馆）

使用 npm 是免费的

关于小程序平台编译慢，卡，组件问题

Git 配置文件

Git 多公钥配置

Git 使用

设置项目内的user.name和user.email

.gitignore

.gitignore规则不生效

克隆仓库又创建了一个新的文件夹怎么办？

仓库迁移

强制拉取线上代码覆盖本地文件

服务器部署 Git 代码

服务器部分

本地部分

补充部分

使用 nvm 管理不同版本的 node 与 npm

nvm 与 n 的区别

使用 nvm 之前的工作

Window 安装

安装多版本 node/npm

在不同版本间切换

列出已安装实例

在项目中使用不同版本的 Node

npm,yarn,pnpm

命令对比

查看全局安装过的包

查看正在使用的软件源

设置软件源

.npmrc的作用

解决因为node或者npm版本过高导致依赖安装不上的问题

npm和pnpm执行npm包中的可执行文件工具