登录  /  注册
博主信息
博文 2
粉丝 0
评论 0
访问量 1366
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
VS Code常用插件
MrMR
原创
838人浏览过

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举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学