VSCode常用扩展

  • Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code [推荐]
    显示简体中文,vscode汉化

  • Code Runner [推荐]

  • Live Server [推荐]
    本地启动一个服务器,代码完成后可以实现热更新,实时查看结果

  • GitLens — Git superchargedPreview [推荐]

    • 查看文件历史记录
    • 将光标放在代码的当前行,可以看到这行代码的提交者是谁,以及提交时间,悬停时可以访问更详细的责备信息
    • 查看某个commit代码改动记录
    • 查看所有分支,stash,开发人员,tags,本地修改记录
    • 可以将两个commit进行代码对比
    • 不同分支的代码对比
      。。。等等
      VSCode常用扩展_第1张图片
  • Git History [推荐]

  • 查询所有git记录

  • [Deprecated] Bracket Pair Colorizer 2
    彩虹括号,方便查看括号闭环

  • open in browser [推荐]
    右键,open in default browser

  • highlight-icemode
    vscode选中后相同内容高亮插件

  • vscode-icons**[推荐]**
    根据不同的文件后缀名称显示不同的图标

  • Project Manager
    方便切换多个项目

  • TODO Highlight
    高亮显示暂时备注的// TODO信息
    在这里插入图片描述

  • WakaTime
    统计写代码时间

  • Code Time

  • Markdown Preview Enhanced

  • Markdown All in One [推荐]

  • Syncing

  • Vetur
    Vue多功能集成插件

  • ES7+ React/Redux/React-Native snippets
    React开发

  • Path Autocomplete(路径提示)

  • HTML Snippets

  • IntelliSense for CSS class names in HTML(html中class名称提示)

  • Angular Snippets (Version 13)

  • minapp小程序开发

  • Prettier、Beautify
    代码格式化

  • ESLint**[推荐]**

  • JavaScript (ES6) code snippets**[推荐]**
    ES6语法提示

  • Search node_modules
    搜索node_modules对应的模块

  • indent-rainbow显示代码缩进空格
    VSCode常用扩展_第2张图片

  • javascript console utils、Turbo Console Log
    快速打印log日志

  • Code Spell Checker单词拼写错误检查**[推荐]**

  • Local History本地文件修改记录,太麻烦
    VSCode常用扩展_第3张图片

  • Polacode-2022生成代码截图

  • Image preview图片预览插件

  • Auto Close Tag、Auto Rename Tag自动补全tag

  • Better Comments注释添加颜色样式

  • Live Share

  • Import Cost
    项目开发中引入某个包的某个方法或者模块,会直接引入整个包,导致打包后的文件体积过大,这个插件友好提示我们只需引入其中的一个方法或模块,有助于我们做代码优化。

  • Paste JSON as Code
    json转为

  • settings-sync
    配置云同步

  • SFTP
    将本地文件通过ftp形式上传到局域网的服务器

  • PHP Server

你可能感兴趣的:(VScode的使用,vscode,ide,编辑器)