VScode使用技巧

快捷键

1. CTRL+SHIFT+X进入扩展界面安装插件
2. ！+Tab 快速创建HTML模板
3. Ctrl+Shilft+K 删除一行
4. Ctrl + Shift + P，F1 显示命令面板 Show Command Palette

 　　VScode快捷键（最全） - 星朝 - 博客园 (cnblogs.com)

 

插件

1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 中文插件
2. vscode-icons 文件夹和文件的图标美化 “Ctrl+Shift+P”组合键以显示“命令面板”，然后键入“display”以筛选并显示“Configure Display Language”命令。按“Enter”
3. open in browser ALT+B Open In Default Browser
4. Live Server 不用刷新浏览器，只要你修改代码，然后就能实时看到网页的变化，当然实现上面的操作还需要一个设置支持，那就是自动保存。
5. Auto Close Tag 自动闭合标签插件
6. Auto Rename Tag 标签同步修改
7. Guides 辅助线对齐，选中的代码块会通过红线匹配前缀后缀，以免代码繁多搞砸
8. HTMLHint html代码检测，支持html5，错误的地方会标下滑波浪线，提示错误信息
9. Path Intellisense 可以很好的识别引入文件的路径，根据路径提示功能
10. Prettier - Code formatter 在保存的时候格式化代码，让代码整洁易懂
11. vue多功能集成插件，包括语法高亮，智能提示，emmet，错误提示，格式化
12. Project-tree 自动生成项目目录文件结构树，并写入readme中
13. 使用less必备插件，写好less能帮助你编译出css代码，less写起来比css方便快捷。css那些父级嵌套的处理，在less里面能够直接嵌套，这就是方便，当然还需要更改一些设置
14. TODO 高亮代码 在编写代码时想在某个地方做一个标记，后续再来完善或者修改里面的内容，可以利用此插件高亮显示，之后可以帮助我们快速定位到需要修改的代码行

　　// TODO: + 说明

　　如果代码中有该注释，说明在该注释处有功能代码待编写，待实现的功能在说明中会简略说明。

　　// FIXME: + 说明

　　如果代码中有该注释，说明该注释处代码需要修正，甚至代码是错误的，不能工作，需要修复，如何修正会在说明中简略说明。