VS Code 生产效率插件

  • open-in-browser 在浏览器中查看
    VS Code 没有提供直接在浏览器中运行程序的内置功能，所以我们需要安装此插件，在浏览器中查看我们的程序运行效果

  • Live Server 实时预览
    安装这个插件之后，我们在编辑器中修改代码，按 Ctrl+S 保存，修改效果就会实时同步，显示在浏览器中，再不用手动刷新

  • Auto Close Tag 自动闭合标签
    输入标签名称的时候自动生成闭合标签，

  • Auto Rename Tag 尾部闭合标签同步修改
    自动检测配对标签，同步修改

  • Bracket Pair Colorizer 2 用不同颜色高亮显示匹配的括号
    对配对的括号进行着色，方便区分，未安装该插件之前括号统一都是白色的

  • Highlight Matching Tag 高亮显示匹配标签
    这个插件自动帮我们将选中的匹配标签高亮显示

  • Vscode-icons-mac Vscode-icons VSCode 文件图标
    可以帮助我们根据不同的文件类型生成对应的图标，这样我们在侧边栏查看文件列表的时候直接通过图标就可以区分文件类型

  • Code Spell Checker 单词拼写检查
    我们在编写代码的时候经常会不小心拼写错误造成软件运行失败，安装这个插件后会自动帮我们识别单词拼写错误并且给出修改建议，大大帮我们减轻了排除 bug 的压力

  • import Cost 成本提示
    这个插件可以在你导入工具包的时候提示这个包的体积，如果体积过大就需要考虑压缩包，为后期上线优化做准备

  • GitLens 查看 Git 信息
    将光标移到代码行上，即可显示当前行最近的 commit 信息和作者，多人开发的时候十分有用，责任到人，防止甩锅

  • Version Lens 工具包版本信息
    在 package.json 中显示你下载安装的 npm 工具包的版本信息，同时会告诉你当前包的最新版本。

  • WakaTime 计算代码工作量
    这是一款时间记录工具，它可以帮助你在 vs code 中记录有效的编程的时间 （用处不大）

  • Beautify Prettier - Code formatter
    打码美化/格式化

  • Comment Translate
    注释翻译工具

  • Git Emoji Commit
    git 提交添加表情包

  • LeetCode 在 vscode 里面学习

  • Markdown Preview Enhanced markdown 预览

  • qiniu-upload-image
    编写 markdown 时候图片直接上传七牛云并获取到外链

  • stylelint

  • TSlint

具体语言工具

  • Maven for Java

  • Language Support for Java(TM) by Red Hat

  • ES7 React/Redux/GraphQL/React-Native snippets

  • React Native Tools

  • 小程序助手

  • Vetur

  • vue

  • Vue VSCode Snippets

  • vscode-element-helper

  • Vetur-wepy

  • Vscode NestJs Snippets

  • Sequelize VSCode Association Snippet

  • go

  • C/C++

  • docker