vscode好用的扩展及常用的快捷键

1、open-in-browser 或者view in browser  安装后右键即可快速打开浏览器

2、quokka调试工具插件,能对正在编写的代码提供实时反馈,并能预览变量的函数和计算结果

3、faker 流行的js库,能快速插入用例数据。

4、css peek 在HTML文件中右键单击选择器可快速到指定的css样式

5、html boilerplate快速创建html的头部,只需输入html并按tab键

6、prettier 在Ctrl+shift+p命令面板里输入format即可格式化代码

7、color info 在颜色光标上悬停即可出现色彩模型

8、svg viewer 可以打开svg文件并查看,还可转换为png格式和生成数据url模式

9、TODO highlight 在面板输入TODO即可快速定位到TODO和FIXME关键字

10、icon fonts

11、Minify 面板输入minify即可压缩合并js和css文件并保存为.min文件

12、change case修改文本命名格式,面板输入 camel 即可。包括驼峰命名、下划线分隔命名,snake_case 命名以及 CONST_CAS 命名等

13、Regex Previewer实时测试正则表达式的使用工具,它可以将正则表达式模式应用在任何打开的文件上,并高亮所有的匹配项。

14、beautify 是html,css,scss,js格式化 

15、html snippets 是h5代码片段及提示

16、html css  support 支持scss文件检索,提示class所支持的样式

17、jquery code snippets 

18、path intellisense自动路径补全

19、debugger for chrome 让vscode 映射chrome的debug功能,静态页面也可以用vscode来打断点。

20、sass 语法高亮,自动提示功能

21、easy sass自动编译sass/scss文件,生成.css和.min.css后缀文件

22、auto close tag 自动补全标签

23、vue2 snippets 代码提示高亮

24、scss IntelliSense   SCSS智能提醒,配置强大

快捷键:

格式化代码 :       alt+shift+f  或者 ctrl+shift+p后输入format

命令面板:           ctrl+shift+p

查找                       Ctrl +f

查找替换              ctrl +h

整个文件夹查找 shift+ctrl+f

侧边栏显/隐         Ctrl+b

代码缩进             ctrl+[,ctrl+]

转到行首和行尾  Home 和 End

在下面插入一行 Ctrl + enter

在上面插入一行 Ctrl + shift +enter

原文地址:https://www.cnblogs.com/colorful-paopao1/p/9208321.html