前端常用工具操作技巧

1.VS Code栏

1.迅速打开侧边栏 ctrl+b

2.打开收缩终端 ctrl+`（是tab上面的关键)

2.自定义插件快捷方式:文件>首选项>键盘快捷键

3.选中所有 ctrl+shift+L

4.vscode选择多个线路如下: win 下 alt + shift +鼠标拖放

5.设置保存格式:文件->首选项->设置edit.Format On Save 勾选"editor.formatOnSave": true,

6.为当前 tabs 设置口音的颜色(Material Theme）( Ctrl + Shift + P )，选择 Material Theme: Set accent color 并从列表中选择一个颜色

7. 将·通过Code打开· 添加到右键菜单:

①.新建reg文件.在桌面上新建一个文本文件,然后更改文件后缀:*.reg,任何文件的名字,例如:add_shortcut.reg.

②.写文本文件内容.添加以下内容Copy新创建一个*.reg文件中,文本内容如下:

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT*shellVSCode]
@="Open with Code"
"Icon"="C:\Program Files\Microsoft VS Code\Code.exe"

[HKEY_CLASSES_ROOT*shellVSCodecommand]
@=""C:\Program Files\Microsoft VS Code\Code.exe" "%1""

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOTDirectoryshellVSCode]
@="Open with Code"
"Icon"="C:\Program Files\Microsoft VS Code\Code.exe"

[HKEY_CLASSES_ROOTDirectoryshellVSCodecommand]
@=""C:\Program Files\Microsoft VS Code\Code.exe" "%V""

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOTDirectoryBackgroundshellVSCode]
@="Open with Code"
"Icon"="C:\Program Files\Microsoft VS Code\Code.exe"

[HKEY_CLASSES_ROOTDirectoryBackgroundshellVSCodecommand]
@=""C:\Program Files\Microsoft VS Code\Code.exe" "%V""

③.在上面的代码代表的地址VSCode在计算机上安装路径,如果不是默认安装或路径是不同的,它需要改变以匹配实际的在电脑上安装路径。

④.点击运行文件。

2.Chrom 栏

1.控制台打印最后的选定元素:  $0

2.浏览器可编辑状态:javascript:document.body.contentEditable=true;document.designMode=on; void 0

主题 Monokai