VSCode hotkey

Visual Studio Code是个牛逼的编辑器,启动非常快,完全可以用来代替其他文本文件编辑工具。又可以用来做开发,支持各种语言,相比其他IDE,轻量级完全可配置还集成Git感觉非常的适合前端开发。

vscode hotkey

PS: 这些快捷键是用在打开的html文件中,在其它格式的文件中可能无效。

!: 快速开始编写html中的head、body等HTML页面框架,效果如下(PS: 当然VSCode版本不一样,可能效果不一样)。

Ctrl + /: 注释单行。

Ctrl + Shift + k: 删除当前行

倍数:比如输入10个div,输入div*10,接着按下回车,就会出现10个div.

  1. 输入【div*10】:

  2. 按下回车键:

智能感知:按下某个字母后如果有以这个字母开头的关键字、变量等字符串,会自动弹出供用户选择,可以用回车或者Tab键盘选中,然后会自动上屏。

保存状态:正在编辑的文件的是否保存过了可以通过标题栏看出来,未保存的文件前面有一个黑色的圆点,已保存的文件前面什么都没有。

  1. 未保存的文件:

  2. 已保存的文件:

编辑区代码颜色的异常:如果HTML代码输入错误,比如少写多写了什么东西或者写错了,代码的某些字的颜色会以和正常颜色不同的方式显示,也算是一种提醒方式。

各种plugin

JS-CSS-HTML插件可以让JS代码在保存以后 = 的两边自动填充空格。

能让你开发效率翻倍的VSCode插件配置

Reference

  1. VS Code的常用快捷键

  2. vscode: Visual Studio Code常用快捷键

  3. Visual Studio Code之常备快捷键

  4. Emmet:HTML/CSS代码快速编写神器

  5. VScode编辑器神插件!让你入门前端轻松打怪升级!

  6. 如何评价Visual Studio Code

猜你喜欢

转载自www.cnblogs.com/viplued/p/9222096.html