vscode编辑器使用技巧

604 阅读2分钟
  1. ctrl + u 返回上一个光标焦点
  2. 发送请求插件

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

  • 创建一个 .http文件
  • 编写测试接口文件
  • 右键选择 发送请求,测试接口

  1. Browser Preview 打开网页
  2. CSS Tree
  3. ESLint
  4. koroFileHeader
  5. Live Server
  6. Markdown Preview Enhanced
  7. markdown-formatter
  8. open in browser
  9. Prettier - Code formatter
  10. REST Client
  11. SCSS Formatter
  12. TortoiseSVN
  13. Turbo Console Log // 使用之前的版本, 更新后不好用
  14. Vetur
  15. vscode-pdf
  16. vue
  17. vue-format
  18. Document Tree 生成dom tree
[{
    "attributes": {
        "class": "main"
    },
    "children": [{
        "attributes": {
            "class": "pro"
        },
        "children": [{
            "attributes": {
                "src": "",
                "alt": ""
            },
            "children": [],
            "tagName": "img"
        }],
        "tagName": "div"
    }],
    "tagName": "div"
}]
  1. 快速注释 Document This ctrl alt + d
  2. Tabnine Autocomplete AI 代码自动补全
  3. Live Sass Compiler sass编辑器
  4. Shift + Alt + I 在选定的每一行的末尾插入光标
  5. Ctrl + Shift + L 选择当前选择的所有出现
  6. Shift + Alt + → 展开选择
  7. Shift + Alt + ← 缩小选择
  8. Ctrl + K Ctrl + X 修剪尾随空格
  9. Ctrl+Tab 打开下一个 Open next
  10. Ctrl+K P 复制活动文件的路径
  11. Ctrl+K R 打开资源管理器
  12. Ctrl+K O 显示新窗口/实例中的活动文件
  13. Ctrl+Shift+E 显示浏览器/切换焦点, 快速找到当前选中的文件
  14. 驼峰翻译助手 翻译
  15. 快速驼峰转换, 转为大写 String Manipulation
  16. Minify 压缩文件
  17. Change Case 驼峰 大小写
  18. Vue Peek vue组件跳转
  19. A-super-translate 翻译插件
  20. jumpy 快速跳转到指定的单词, 行跳转感觉用处不太大
  21. Form Generator 表单生成器
  22. GitLens — Git supercharged git插件
  23. Insert Nums 插入数字插件
  24. easy sass 自动转scss
  25. Settings Sync 用于同步vscode配置

配置快捷键 ctrl+alt+u 大写 ctrl+alt+j 驼峰 ctrl+alt+k 短横隔开 插件网址 www.cnblogs.com/jasonlai201…

ctrl + k + a 关闭其他 ctrl + k + q 回到上一个编辑地方

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

最后

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