Skip to content

一些杂项

字数: 0 字 时长: 0 分钟

简介

这里记录一些日常开发中实用的小技巧和常用命令,主要是我自己经常忘,写在这里方便随时查捏。

VS Code 常用快捷键

快捷键作用
Ctrl + P快速打开文件
Ctrl + Shift + P打开命令面板
Ctrl + D选中下一个相同的词
Alt + ↑ / ↓整行上移 / 下移
Shift + Alt + ↓复制当前行到下一行
Ctrl + /注释 / 取消注释
F12跳转到定义
Shift + F12查看所有引用
F2重命名变量(全局替换)
Ctrl + `` 打开 / 关闭终端

Git 常用命令

bash
# 撤销工作区的修改(还没 add)
git checkout -- <file>

# 撤销暂存区的修改(已经 add,还没 commit)
git reset HEAD <file>

# 修改上一次提交的内容 / 提交信息
git commit --amend

# 暂存当前改动,改完别的再恢复
git stash
git stash pop

# 查看某个文件每一行是谁改的(找锅专用)
git blame <file>

# 把别的分支的某个 commit 单独摘过来
git cherry-pick <commit-id>

# 后悔药:查看所有操作记录,找回丢失的 commit
git reflog

npm / pnpm 常用命令

bash
# 查看全局安装了哪些包
pnpm ls -g

# 清除依赖重新安装
rm -rf node_modules && pnpm install

# 查看某个包的所有版本
npm view <package> versions

# 检查哪些依赖有新版本
pnpm outdated

# 更新 lockfile 中的依赖到允许的最新版本
pnpm update

浏览器调试小技巧

  1. console 花式打印
js
// 表格形式打印数组 / 对象
console.table([{ name: "卡比", age: 18 }, { name: "卡比兽", age: 20 }]);

// 计时
console.time("请求耗时");
// ...一些操作
console.timeEnd("请求耗时");
  1. Elements 面板选中元素后,Console 里用 $0 直接引用它,$1$2 是之前选中的。
  2. $$("selector") 相当于 document.querySelectorAll,返回真正的数组。
  3. Network 面板右键请求 → Copy as fetch,直接复制成 fetch 代码,调试接口神器。
  4. Console 里 copy(obj) 把对象复制到剪贴板。

Windows 实用命令

bash
# 查看端口被哪个进程占用
netstat -ano | findstr :端口号

# 根据进程 id 杀掉进程
taskkill /PID 进程id /F

# 快速打开当前目录的资源管理器
explorer .
最后更新于: 2026/8/5 15:00:00