首页 > 其他分享 >VS Code常用插件

VS Code常用插件

时间:2022-08-16 10:41:47浏览次数:52  
标签:插件 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,自动
From: https://www.cnblogs.com/mrblog/p/14871020.html

相关文章

  • vscode打开自动显示cli.js
    最近打开vscode自动弹出cli,js  我去官网上查 https://github.com/microsoft/vscode/issues/91613发现是我之前在兼容性里面设置了以管理员打开vscode导致的  ......
  • leetcode-双指针-21
    /**<p>给你一个数组<code>nums</code><em></em>和一个值<code>val</code>,你需要<strong><ahref="https://baike.baidu.com/item/%E5%8E%9F%E5%9C%B0%E7%AE%97%E6%B3......
  • LeetCode 131 Palindrome Partitioning
    Givenastrings,partitionssuchthateverysubstringofthepartitionisapalindrome.Returnallpossiblepalindromepartitioningofs.Apalindromestring......
  • LeetCode 169 Majority Element
    Givenanarraynumsofsizen,returnthemajorityelement.Themajorityelementistheelementthatappearsmorethan⌊n/2⌋times.Youmayassumethatthe......
  • 《The Clean Coder》读书笔记
    序章有时候,获取正确决策的唯一途径,便是勇敢无畏地说出“不”字......我们要明白,委屈专业原则以求全,并不是问题的解决之道。舍弃这些原则,只会制造出更多的麻烦......第一......
  • leetcode1282-用户分组
    用户分组哈希分类给每一个组别容量分配一个List,存入哈希表中。遍历数组,将当前下标加入对应数量的List中。如果List数量满了,那么将其从map中删除并存入返回值。class......
  • LeetCode 反转链表算法题解 All In One
    LeetCode反转链表算法题解AllInOnejs/ts实现反转链表反转链表原理图解双指针,swap交换//反转双指针//swap:a=b;c=a;b=c;letprev:List......
  • leetcode636-函数的独占时间
    函数的独占时间栈使用栈记录调用过程。如果log为start,那么就加入堆栈。如果是end,则分两种情况:栈不为空,意味着存在递归调用,那么说明当前的函数占用了上一个函数的使用......
  • LeetCode20. Valid Parentheses
    题意序列含有'{}','()','[]',判断其是否有效方法stack代码boolisValid(strings){intN=s.size();if(N&1)returnfalse;stack<char>......
  • leetcode1374-生成每种字符都是奇数个的字符串
    生成每种字符都是奇数个的字符串模拟如果n为奇数,则返回n个a;如果n为偶数,则返回n-1个a和1个bclassSolution{publicStringgenerateTheString(intn){......