vscode插件和快捷键

目前用的挺多的一些编辑器有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(中文简体包)

相关文章
相关标签/搜索