前端常用工具操作技巧

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\*\shell\VSCode]
@="Open with Code"
"Icon"="C:\\Program Files\\Microsoft VS Code\\Code.exe"

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

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\shell\VSCode]
@="Open with Code"
"Icon"="C:\\Program Files\\Microsoft VS Code\\Code.exe"

[HKEY_CLASSES_ROOT\Directory\shell\VSCode\command]
@="\"C:\\Program Files\\Microsoft VS Code\\Code.exe\" \"%V\""

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode]
@="Open with Code"
"Icon"="C:\\Program Files\\Microsoft VS Code\\Code.exe"

[HKEY_CLASSES_ROOT\Directory\Background\shell\VSCode\command]
@="\"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