目前用的挺多的一些编辑器有webstorm,vscode,Atom,HBuilder等等html
今天来讲说vscodeweb
Visual Studio Code (简称 vscode) 是一款免费开源的现代化轻量级代码编辑器,支持几乎全部主流的开发语言正则表达式
先说下他的一些快捷键npm
打开一个新窗口 浏览器
Ctrl+Shift+N
关闭一个新窗口webstorm
Ctrl+Shift+W
侧边栏显示/隐藏编辑器
ctrl + b
文件之间切换工具
ctrl+tab
代码后缩进、代码前缩进测试
ctrl+[ 、 ctrl+]
复制整行代码ui
shift+alt+下方向键
上下移动一行
lt+Up 或 Alt+Down
回退上一个光标操做
Ctrl+U
vscode中有不少插件,再工做起来很是方便
下面是他的一些插件
一、HTML Snippets(代码自动填充
)
二、CSS Support(让 html 标签上写class 智能提示当前项目所支持的样式)
三、jQuery Code Snippets
四、vscode-icon (给树形文件结构加上前面图标)
五、Path Intellisense (代码自动补全)
六、fileheader (顶部注释,可定义做者、时间等信息,并会自动更新最后修改时间)
七、Code Runner
一个很是强大的插件,可以运行多种语言的代码片断或代码文件,安装完成后,右上角会出现:▶
八、Indenticator(突出目前的缩进深度)
九、npm Intellisense(require 时的包提示)
十、Regex Previewer
一个用于实时测试正则表达式的实用工具
能够将正则表达式模式应用在任何打开的文件上,并高亮全部的匹配项
十一、Color Info
提供你在 CSS 中使用颜色的相关信息
你只需在颜色上悬停光标,就能够预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息
十二、Live Server(浏览器实时刷新)
1三、Chinese (Simplified) Language Pack for Visual Studio Code(中文简体包)