VScode 好用插件

非vscode在线工具：
1.思维导图：ProcessOn - 免费在线作图，思维导图，流程图，实时协作
！！！------重新安装vscode，需要先卸载之前安装的，再下新的

一，插件：
1.css插件：
  css navigation：跳转定位到css class定义的地方

  js: vue-helper: 定动态属性事件直接跳转到定位
  html: HTML Snippets

2.Vetur：语法高亮、快捷用法Emmet、错误检查-vue2.0
   Volar: vue3.0

3.compareit： 文件对比工具

4.页面顶部 加注释： Document This
5.网页中热更新：Live Server
7.可在浏览器中预览网页： open in browser
6.突出显示成对r 2的括号：Bracket Pair Colorize
8.根据文件的后缀名来显示不同的图标： vscode-icons
9.来回切换多个项目: Project Manager  @@@@
10.日常开发中，建议用可以用 Prettier 做代码格式化，然后用 eslint 做校验
11.ES6 语法智能提示，支持快速输入: JavaScript(ES6) code snippets
12.突出显示代码缩进：indent-rainbow  -------------先禁用了
13.维护文件的本地历史记录: Local History
14.把代码保存成美观的图片: Polacode-2020
15. 图片预览。鼠标移动到图片 url 上的时候，会自动显示图片的预览和图片尺寸: Image Preview
16. 自动闭合标签、自动对标签重命名:Auto Close Tag、Auto Rename Tag
17. 检测代码英文单词错误:Code Spell Checker
18.代码翻译: 翻译(英汉词典)
19.主题名：Dracula Official
20.我的vscode主题色： Dracula Theme
21.主题名：Material Icon Theme
22.路径智能提示：Path Intellisense
23.编辑器中的实时预览：Browser Preview   @@@@ 看不了网络请求
24. Code Runner 直接运行js
25.窗口边框颜色区分: peacock
26.打开当前html页面: open in Brower
27.画图插件-Draw.io
28.能看到具体提交人:gitlens
29.火焰插件: power mode
30.标签： bookmark 打标签 ctrl+alt+k
31.截图软件：Snipaste
​​​​​​​Snipaste

 ctrl+shift+p 输入插件名进行设置
       

代码格式化：Prettier

二，快捷键：
1.ctrl+shift+p 命令面板
        font字体大小
        files.autoSave
2.ctr+B 伸缩目录栏
3.ctr+\ split屏
4.Alt + Shift + ↓ 将代码向下复制
5.ctrl+shift+k 删除整行
6.将当前行代码高亮显示（更改光标所在行的背景色）：setting.json
"workbench.colorCustomizations": {
"editor.lineHighlightBackground": "#00000090", "editor.lineHighlightBorder": "#ffffff30" }