前端常用工具 快捷键 和 命令行

173 阅读3分钟

VSCode

快捷方式(win系统)

快捷键功能说明
Ctrl + 鼠标左键多光标编辑
Ctrl + P查找文件
Ctrl + T / 前缀输入#(例:#reactive)全局工作区检索:全部文件内查找声明、函数、变量
Ctrl + Shift + O / 前缀输入@(例:@reactive)当前文件内检索:查找本文件声明、函数、变量
Ctrl + Shift + \跳转至匹配括号(如{ ↔ })
Ctrl + K Ctrl + 0折叠当前文件全部代码
Ctrl + K Ctrl + 1折叠当前代码 1 级层级
Ctrl + K Ctrl + 2折叠当前代码 2 级层级
Ctrl + K + [ / ]折叠 / 展开当前所在函数代码块

Win系统

Win11

快捷键功能说明
Win + Shift + T文本提取,框选画面直接识别文字(离线 OCR 首选)
Win + Shift + S系统全域截图(矩形 / 自由形状 / 全屏),截图存入剪贴板
Ctrl + Shift + SEdge 浏览器网页专属截图 + OCR
快捷键功能说明
Win + ← / →窗口左右分屏;再按上下可四分屏
Win + ↑ / ↓窗口最大化 / 最小化;分屏后调整占比
Win + Shift + ← / →多显示器之间移动当前窗口
Win + D一键回到桌面,所有窗口临时收起
Win + M最小化全部窗口;Win+Shift+M恢复
Alt + Tab切换打开的窗口
Win + Tab调出虚拟桌面,新建 / 切换桌面
Win + Ctrl + D新建虚拟桌面
Win + Ctrl + ← / →快速切换虚拟桌面
Win + Ctrl + F4关闭当前虚拟桌面
Alt + F4关闭当前窗口;桌面按下直接弹出关机
快捷键功能说明
Win打开开始菜单
Win + E打开文件资源管理器
Win + I一键打开系统设置
Win + R运行窗口(输入命令:regedit注册表、control控制面板、cmd命令行)
Win + L立刻锁定电脑屏幕(离开工位必用)
Win + V剪贴板历史记录(可查看所有复制过的文字、图片)
Win + X快捷菜单:设备管理器、终端、任务管理器、磁盘管理
Win + P投屏设置(复制 / 扩展 / 仅第二屏幕,接显示器投影仪必备)
Win + A打开快捷设置面板(亮度、音量、WiFi、蓝牙、专注助手)
Win + S系统全局搜索(搜文件、软件、设置、网页)
快捷键功能说明
Ctrl + N新建资源管理器窗口
Ctrl + Shift + N当前文件夹新建文件夹
Alt + ← / →返回上一级 / 前进
Alt + ↑回到上级目录
F2快速重命名选中文件
Delete删除文件;Shift+Delete永久删除(不进回收站)
快捷键功能说明
Win + Shift + 数字固定在任务栏的软件快速启动
Ctrl + Shift + T浏览器恢复关闭的标签页
Ctrl + W关闭当前标签 / 窗口
Ctrl + Tab切换浏览器标签
Ctrl + Shift + Esc直接打开任务管理器(比 Ctrl+Alt+Delete 更快)

命令行(默认cmd)

命令功能说明
rd /s/q [dir name]静默强制删除文件夹(包含内部所有子文件、子目录)
del /f/s/q [filename]强制删除文件
new-item [filename]创建 文件 (powershell)
echo a 2> [filename]CMD 创建 文件
md [dir name]CMD 创建文件夹
ren [old name] [new name]文件 / 文件夹重命名
tasklist | findstr python模糊检索包含 python 关键词的进程
taskkill /F /PID 1234根据 PID 强制终止进程
netstat -ano | findstr <端口号>通过端口号查询对应进程 PID

Git

命令行

命令功能说明
git add *将当前目录所有变更文件加入暂存区
git commit -m 'info'提交暂存区内容,备注提交信息为 info
git stash将工作区未提交修改暂时存入储藏栈
git pull origin dev拉取远程 dev 分支最新代码合并到本地
git push origin dev_yu将本地 dev_yu 分支推送至远程仓库
git stash pop取出储藏栈最顶部的修改,恢复到工作区并删除栈记录
git merge origin/staging拉取主分支代到开发分支

使用技巧

// 在线看源码
- github`1s`
例子:
https://github.com/liudewa888/webpack-example
// 添加 '1s' 直接用vscode打开对应的源码
https://github1s.com/liudewa888/webpack-example/