PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > VS Code常用插件

VS Code常用插件

MrMR
MrMR 原创
2021年06月10日 21:51:52 847浏览

VS Code常用插件

一、插件的下载

打开VScode之后点击右侧带有小方块的图标
在这里插入图片描述
在上方的输入框中输入想要下载的插件的名称即可

二、插件的种类

  1. Chinese (Simplified) Language Pack for Visual Studio Code
    在这里插入图片描述
    一款适用于 VS Code 的中文(简体)语言包

  2. beautify
    在这里插入图片描述
    Ctrl+P 后输入beautify file回车 自动整理代码的

  3. auto rename tag
    在这里插入图片描述
    自动修改对应的双标签

  4. Prettier - Code formatter
    在这里插入图片描述
    是一款自动修复代码格式,美化代码的插件

    在保存编辑好的代码后点击保存就会自动修改代码的格式(样式)

    使用方法:左下角点击设置→在输入框中输入 Format On Save→在前面的复选框打勾

  5. Bracket Pair Colorizer 2
    在这里插入图片描述
    通过各种的颜色区别开对应的大括号

  6. Browser Preview
    在这里插入图片描述
    可直接预览写好的代码

  7. Community Material Theme
    在这里插入图片描述
    多种主题
    在左下角设置中更换使用

  8. indent-rainbow
    在这里插入图片描述
    用不同的颜色标注同一个缩进行代码,有助于识别同一个缩进行代码

  9. leetCode
    在这里插入图片描述
    力扣题库,有关于算法的题库,在VSCode的左侧点击使用
    在这里插入图片描述

  10. Live Server
    在这里插入图片描述
    在左侧一打开的文档上右键使用

  11. Markdown All in One
    在这里插入图片描述
    markdown语言的打包工具

  12. markdownlint
    在这里插入图片描述
    标示错误语言,并右键帮助修复

  13. WakaTime
    在这里插入图片描述
    统计编程工作的插件,例如用过什么样的语言,编辑了多长时间等

  14. IntelliSense for CSS class names in HTML
    在这里插入图片描述
    基于你的项目以及通过 link 标签引用的外部文件,该智能插件提供HTML中CSS class名字的补全。

  15. vscode-icons
    在这里插入图片描述
    帮助区分不同的文件和文件夹

  16. 会了吧
    在这里插入图片描述
    打开源码可以自动分析包含的所有英语单词,并显示解释结果,先学单词再看代码。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议