• 技术文章 >开发工具 >VSCode

    10 种VSCode中提升开发效率的小技巧

    青灯夜游青灯夜游2021-10-15 18:35:38转载155
    本篇文章给大家总结分享10 种VSCode中提升开发效率的插件和小技巧,希望对大家有所帮助!

    VScode 10 种提效插件与小技巧

    1.设置文件不在侧边栏显示

    打开 Setting, 搜索 files:exclude

    1.png

    添加需要在侧边栏排除的文件~【推荐学习:《vscode教程》】

    2.像 Webstorm 一样查看历史记录

    安装插件 Local History

    2.png

    重启VSCode

    修改文件后就会在这里生成新的记录。需要还原选择版本然后 Restore 就可以了。

    3.png

    3.VSCode修改快捷键为 Webstorm 的快捷键

    插件搜索 idea 安装 IntelliJ IDEA Keybindings

    4.png

    安装成功后就可以使用 webstorm 的快捷键了

    比如:

    4.设置 idea 快捷键后如何快速定位文件

    默认快捷键 Ctrl + P

    idea 快捷键下 连按两下 shitf 键

    5.png

    5. 自动补全引用时全文件的名称

    安装插件 AutoFileName

    6.png

    6. 自动感应引入文件的路径

    安装插件 Path Intellisense

    7.png

    8.png

    7.VSCode 设置语言为中文

    搜索插件 Chinese

    9.png

    8.高亮注释

    安装插件 Better Comments

    10.png

    11.png

    扩展注释高亮配置

    Settings.json 增加配置

    "better-comments.tags": [
      {
        "tag": "!", // 触发高亮显示的前缀
        "color": "#FF2D00", // 高亮注释文字的颜色
        "strikethrough": false, // 是否有删除线
        "backgroundColor": "transparent"//背景颜色
      }
    ]

    9.检查代代码是否拼写错误

    安装插件 Code Spell Checker

    12.png

    Enabled File Types

    10.自动重命名标签将确保您只需要重命名开始标签。

    安装插件 Auto Rename Tag

    13.gif

    14.png

    更多编程相关知识,请访问:编程视频!!

    以上就是10 种VSCode中提升开发效率的小技巧的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    专题推荐:VSCode 提升开发效率
    上一篇:VSCode中怎么配置vue,使用Vetur语言识别引擎! 下一篇:VSCode中如何省略配置来快速使用Less
    线上培训班

    相关文章推荐

    • 10个好看的 VSCode 主题,值得收藏!• 了解VSCode中的snippets,看看怎么提高开发效率!• 推荐一些VSCode中实用前端插件(总结)• 手把手教你怎么在vscode中创建maven工程(图文结合)• VSCode中怎么配置vue,使用Vetur语言识别引擎!

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网