VSCode常用插件及快捷键--（前端）

最近准备开始学习前端，安装了VS code，准备安装一下常用插件，在此记录下自己安装的插件种类，后续不定期更新。

-----------------------2018.5.21--------------------------

vs code 常用插件

1.HTML Snippets

超级实用且初级的 H5代码片段以及提示。

2.HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式，新版已经支持scss文件检索。

3 .jQuery Code Snippets

4.vscode-icon

让 vscode 资源树目录加上图标，必备良品！

5.Path Intellisense

自动路劲补全，默认不带这个功能的

6.HTMLHint

html代码检测

7.Project Manager

在多个项目之前快速切换的工具

8.beautify

格式化代码的工具

9.Atuo Rename Tag

修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。

10.Bracket Pair Colorizer

让括号拥有独立的颜色，易于区分。可以配合任意主题使用。

11.Code Runner : 代码编译运行看结果，支持众多语言

12.colorize : 会给颜色代码增加一个当前匹配代码颜色的背景，非常好

13.Document This : JSDOC注解调用，值得易用

14.Git History : 不得不赞的插件，谁用谁知道，功能很赞

15.HTML CSS Support : 这个也是必备插件之一

16.Path Autocomplete : 路径智能补全

17.Path Intellisense ： 路径智能提示.

vs code 常用快捷键

• 命令面板：F1
• 列选项：ALT＋左键
• 切出新编辑器：Ctrl + 左键文件
• 代码行缩进：Ctrl + [ 、Ctrl + ]
• 文件切换：Ctrl + Tab
• 转到行首/行尾：Home / End
• 转到文件头/文件尾：Ctrl + Home / Ctrl + End
• 重命名：F2
• 转定义：F12 or Ctrl + click
• 转定义（切出新编辑器）： Ctrl + Alt + click
• 查看定义：Alt + F12
• 查看引用：Shift + F12
• 上下移动一行：Alt + Up / Alt + Down
• 代码格式化：Shift＋Alt + F

参考：https://segmentfault.com/a/1190000006697219

            https://blog.youkuaiyun.com/crper/article/details/55509477

           https://blog.youkuaiyun.com/q1056843325/article/details/52928390