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.
-
输入【div*10】:
-
按下回车键:
智能感知:按下某个字母后如果有以这个字母开头的关键字、变量等字符串,会自动弹出供用户选择,可以用回车或者Tab键盘选中,然后会自动上屏。
保存状态:正在编辑的文件的是否保存过了可以通过标题栏看出来,未保存的文件前面有一个黑色的圆点,已保存的文件前面什么都没有。
-
未保存的文件:
-
已保存的文件:
编辑区代码颜色的异常:如果HTML代码输入错误,比如少写多写了什么东西或者写错了,代码的某些字的颜色会以和正常颜色不同的方式显示,也算是一种提醒方式。
各种plugin
JS-CSS-HTML插件可以让JS代码在保存以后 = 的两边自动填充空格。