ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

VS Code常用插件

2022-08-16 10:32:25  阅读:113  来源: 互联网

标签:插件 Code 代码 点击 VS 自动


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

标签:插件,Code,代码,点击,VS,自动
来源: https://www.cnblogs.com/mrblog/p/14871020.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有