插件
idea插件
HighLightBracketPair
给相同的括号增加高亮
vscode插件
1 Chinese
VScode汉化
2 Auto Rename Tag
修改开始标签,结束标签自动变化
3 open in browser
浏览器预览页面,在VSCode中右键 Open in Default Browser,使用浏览器预览
4 Live Server
实时预览
(相比于3,更推荐这个),5每次都需要刷新页面
在使用的时候需要先打开文件所在的目录文件夹。
在VSCode中右键 Open with Live Server,浏览器实时预览。
5 CodeSnap
将代码截图成图片
,选中相应的代码段,右键—CodeSnap–在右侧显示出截图预览,如果想要保存图片,点击彩虹图标,选择保存路径;如果不想保存,只是复制,点击截取的图片,ctrl+c复制粘贴即可
6 Auto Close Tag
前端神器,只需要编写左标签,例如,等,会自动替我们完成右侧标签的填充
如:, , 等。
7 Better Comments
美化注释,可以将我们的多行注释按照类别自动高亮
8 Bracket Pair Colorizer
开发神器,当使用多层括号嵌套时,自动将不同层次的括号设置成不同的颜色,防止配对时眼瞎。
9 leetcode
上班摸鱼、实验室摸鱼神器,再也不用担心刷题被老板看到了。
10 Code Runner
运行多种语言的代码片段或代码文件,省掉保存的环节,直接可以运行
11 Debugger for Chrome
这款插件是专门为前端调试开发的,很方便调试,跟谷歌的控制台是一样的功能,安装以后,无需打开浏览器的控制台就能进行断点调试。
12 Auto ImportTypescript
自动导入,其实现在很多的插件基本都内置了这种功能,已经不是必须品了。
13 Snippets
支持大部分语言自动导入,这一类的插件都很多,但功能都是提供代码片段,作用就是使用几个字符的简写,就可以敲出整段代码。
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Ctrl/Command + F
替换:Ctrl/Command + G