vscode使用方法

01. ctrl + u 返回上一个光标焦点

02. 发送请求插件

到VSCode插件中搜索REST Client, 搜索到，点击install进行安装。

* 创建一个 .http文件

* 编写测试接口文件

* 右键选择 发送请求，测试接口



03. Browser Preview 打开网页

04. CSS Tree

05. ESLint

06. koroFileHeader

07. Live Server

08. Markdown Preview Enhanced

09. markdown-formatter

10. open in browser

11. Prettier - Code formatter

12. REST Client

13. SCSS Formatter

14. TortoiseSVN

15. Turbo Console Log // 使用之前的版本, 更新后不好用

16. Vetur

17. vscode-pdf

18. vue

19. vue-format

20. Document Tree 生成dom tree

```js

[{

    "attributes": {

        "class": "main"

    },

    "children": [{

        "attributes": {

            "class": "pro"

        },

        "children": [{

            "attributes": {

                "src": "",

                "alt": ""

            },

            "children": [],

            "tagName": "img"

        }],

        "tagName": "div"

    }],

    "tagName": "div"

}]

```

21. 快速注释 Document This    ctrl alt + d

22. Tabnine Autocomplete AI 代码自动补全

23. Live Sass Compiler  sass编辑器

24. Shift + Alt + I 在选定的每一行的末尾插入光标

25. Ctrl + Shift + L 选择当前选择的所有出现

26. Shift + Alt + → 展开选择

27. Shift + Alt + ← 缩小选择

28. Ctrl + K Ctrl + X   修剪尾随空格

29. Ctrl+Tab    打开下一个 Open next

30. Ctrl+K P    复制活动文件的路径

31. Ctrl+K R    打开资源管理器

32. Ctrl+K O    显示新窗口/实例中的活动文件

33. Ctrl+Shift+E    显示浏览器/切换焦点, 快速找到当前选中的文件

34. 驼峰翻译助手  翻译

35. 快速驼峰转换, 转为大写 String Manipulation

36. Minify 压缩文件

37. Change Case 驼峰 大小写

38. Vue Peek vue组件跳转

39. A-super-translate 翻译插件 

40. jumpy 快速跳转到指定的单词, 行跳转感觉用处不太大

41. Form Generator 表单生成器

42. GitLens — Git supercharged git插件

43. Insert Nums 插入数字插件

44. easy sass 自动转scss

45. Settings Sync 用于同步vscode配置

配置快捷键


ctrl+alt+u 大写

ctrl+alt+j 驼峰

ctrl+alt+k 短横隔开

插件网址

https://www.cnblogs.com/jasonlai2016/p/9640135.html

ctrl + k + a 关闭其他

ctrl + k + q 回到上一个编辑地方

46. 快速跳转工具, jump 由jumpy大佬开发, 功能实现跳转, 可以让手不脱离键盘进行控制位置, 并且解决了在中文输入法下出现的bug

# 最后

如果你发现这篇文章对于正在找寻这方面解决方案的你有帮助的话, 麻烦点个赞, 你的点赞是我继续坚持下去的动力