Yarn 是 JavaScript 的软件包管理器,由 Facebook 与其他公司合作开发,旨在解决 npm(Node 软件包管理器)的一些不足之处。它以速度、可靠性和安全性著称。

常见的 Yarn 命令
以下是一些常见的 Yarn 命令及其 npm 对应命令:

初始化新项目

yarn init

等同于 npm init

添加软件包

yarn add [package-name]

Equivalent to npm install [package-name] --save

Add a Package as a Dev Dependency

yarn add [package-name] --dev

Remove a Package

yarn remove [package-name]

Equivalent to npm uninstall [package-name] --save

Install All Dependencies

yarn install

Equivalent to npm install

Update a Package

yarn upgrade [package-name]

Equivalent to npm update [package-name]

Run a Script

yarn run [script]

List Installed Packages

yarn list

使用场景

  • 速度和效率: Yarn 会并行安装软件包,与 npm 相比,它能显著加快安装进程,尤其是在依赖关系较多的项目中。

  • 可靠性: Yarn 使用锁文件(yarn.lock)来确保在每台机器上都安装了完全相同的依赖项。这有助于避免 “在我的机器上能用 ”的问题。

  • 安全性 在执行代码前,Yarn 使用校验和来验证每个已安装软件包的完整性。

  • OFL 是一种开源许可证,允许自由使用、修改和分发字体。
  • 可以用于商业项目,无需支付版权费。
  • 只要遵守许可证中的规定(如不得单独出售字体等),即可在电子商务网站和产品Banner图片等场景中使用。

检查字体来源:

官方字体网站(如 Google Fonts)
字体设计师或开发者的官方网站
字体分发平台(如 Adobe Fonts、Dafont)
阅读许可证:

在字体页面上找到许可证(License)信息。
如果许可证信息不清楚,可以查找该字体的EULA(最终用户许可协议)。
验证许可证类型:

确认许可证是否允许商业用途、修改和重新分发。
让我们具体看看你提到的两种字体:

查看版本控制状态:

git status

添加文件到暂存区:

git add <filename>          # 添加单个文件
git add .                   # 添加所有修改过的文件

提交更改:

git commit -m "提交信息"

查看提交历史:

git log

克隆仓库:

git clone <repository_url>

创建和切换分支:

git branch <branch_name>    # 创建分支
git checkout <branch_name>  # 切换分支
git checkout -b <branch_name> # 创建并切换到新分支

合并分支:

git merge <branch_name>

查看远程仓库:

git remote -v

推送到远程仓库:

git push origin <branch_name>

从远程仓库拉取更新:

git pull origin <branch_name>

创建标签:

git tag <tag_name>

查看所有标签:

git tag

删除本地分支:

git branch -d <branch_name>

删除远程分支:

git push origin --delete <branch_name>

在 Git Bash 中,可以使用与 Linux 终端相同的命令来创建、删除文件夹和文件。以下是一些常用的命令:

文件夹操作

创建文件夹:

mkdir folder_name

删除文件夹:

rmdir folder_name          # 只适用于空文件夹
rm -r folder_name          # 删除非空文件夹及其内容

切换到另一个文件夹:

cd folder_name

返回上一级文件夹:

cd ..

显示当前路径:

pwd

列出文件和文件夹:

ls

文件操作

创建文件

touch filename              # 创建一个空文件
touch file1.html file2.css file3.js  # 同时创建多个文件

删除文件:

rm filename
rm file1.html file2.css file3.js  # 同时删除多个文件

复制文件:

cp source_file destination_file
cp source_file1 source_file2 destination_folder/  # 复制多个文件到目标文件夹

移动/重命名文件:

mv old_filename new_filename
mv filename destination_folder/
mv file1.html file2.css file3.js destination_folder/  # 移动多个文件

批量操作

批量创建文件夹:

mkdir folder1 folder2 folder3

批量删除文件夹:

rm -r folder1 folder2 folder3

批量创建文件:

touch file1.html file2.css file3.js

批量删除文件:

rm file1.html file2.css file3.js

其他有用命令

查看文件内容:

cat filename

编辑文件(使用内置编辑器,例如 nano):

nano filename

查找文件:

find . -name "filename"

概述

  • 开发者:Git for Windows(Git 社区)
  • 初次发布:2007年(作为 Git for Windows 的一部分)
  • 平台:Windows
  • 基础:基于 Unix Shell(例如 Bash)
  • 目的:提供在 Windows 上使用 Git 和类 Unix 环境的工具

特点

  1. Unix-like 环境:在 Windows 上模拟 Unix Shell 环境,提供常见的 Unix 命令。
  2. 轻量级:安装包小,资源占用少,启动速度快。
  3. Git 集成:集成了 Git 命令行工具,方便开发者进行版本控制操作。
  4. 简单易用:对于熟悉 Unix/Linux 的用户,Git Bash 提供了熟悉的命令和环境。

常用命令

列出文件和文件夹:

ls

创建文件夹

mkdir folderName

删除文件夹

rmdir folderName           # 只适用于空文件夹
rm -r folderName           # 删除非空文件夹及其内容

复制文件:

cp sourcePath destinationPath

移动文件:

mv sourcePath destinationPath

查看文件内容:

cat filename

PowerShell 和 Git Bash 是两种常见的命令行工具,它们有各自的特点和使用场景。下面是对这两者的详细介绍:

PowerShell

概述
开发者:Microsoft
初次发布:2006年
平台:Windows, macOS, Linux
基础:.NET Framework 和 .NET Core(新版本使用 .NET Core)
目的:用于任务自动化和配置管理
特点
对象导向:PowerShell 使用对象而不是纯文本,命令的输出是对象,可以直接操作这些对象的属性和方法。
脚本语言:支持复杂的脚本编写,可以用于自动化任务和配置管理。
集成 Windows:与 Windows 系统深度集成,可以管理注册表、文件系统、服务等。
跨平台:自 PowerShell Core 以后,支持在 macOS 和 Linux 上运行。
强大的管道功能:支持将命令的输出通过管道传递给另一个命令,并保留数据的对象性质。

 常用命令

 获取帮助:

Get-Help <command>

列出文件和文件夹:

Get-ChildItem

创建文件夹:

New-Item -Path . -Name "folderName" -ItemType "directory"

删除文件夹:

Remove-Item -Path "folderName" -Recurse

复制文件:

Copy-Item -Path "sourcePath" -Destination "destinationPath"

移动文件:

Move-Item -Path "sourcePath" -Destination "destinationPath"

tabbable/dist/index.esm.js:

用途:tabbable 是一个用于管理页面中可以通过 Tab 键导航的元素的库。
功能:提供一种方式来确定页面中哪些元素是可以 Tab 键导航到的,通常用于无障碍访问(Accessibility)。

focus-trap/dist/focus-trap.esm.js:

用途:focus-trap 用于在特定容器内捕捉焦点,使得用户只能在该容器内通过 Tab 键导航。
功能:创建模态对话框、弹出层等需要限制焦点范围的 UI 组件。

用途:该库用于在不支持原生 Custom Elements API 的浏览器上实现相同的功能。Custom Elements 是 Web Components 规范的一部分,允许开发者定义自己的 HTML 标签及其行为。

功能:提供 Polyfill,使得旧版浏览器能够支持自定义元素。