VSCode中日常开发实用插件有哪些

小编给大家分享一下VSCode中日常开发实用插件有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

Visual Studio Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的Vs Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让Vs Code成为了开发语言中的霸主,让同时支持开发多种语言成为了可能。

俗话说的好工欲善其事必先利其器,作为一个Vs Code老用户而已我我觉得安装一些有用的插件多自己日常的开发效率能够大大的提升,下面我推荐的是我日常开发中使用的比较多和感觉起来还不错的一些插件,同时会持续更新,假如大家觉得有好的插件而我这里没有提到的可以在下面留言我会补上。

Vs Code相关链接地址:

Vs Code 官网地址:

https://code.visualstudio.com/

Vs Code GitHub源码地址:

https://github.com/Microsoft/vscode

Vs Code 插件市场地址:

https://marketplace.visualstudio.com/

Vs Code拓展插件安装:

快捷键:Ctrl+Shift+X进入拓展面板,到应用商店文本框中搜索拓展。

适用于 VS Code 的中文(简体)语言包:

拓展名称:Chinese (Simplified) Language Pack for Visual Studio Code

插件市场地址:https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

拓展描述:此中文(简体)语言包为 VS Code 提供本地化界面。

美化VS Code的代码:

拓展名称:Beautify

插件市场地址:https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify

拓展描述:美化javascriptJSONCSSSass,和HTML在Visual Studio代码。

拓展名称:vscode-icons

插件市场地址:https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

拓展描述:vscode-icons不仅能够给文件夹、文件添加上舒适的图标,而且可以自动检测项目,根据项目不同功能配上不同图标,例如,git、Markdown、配置项、工具类等。

自动添加关闭标签:

拓展名称:Auto Close Tag

插件市场地址:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

拓展描述:自动添加HTML/XML关闭标记,与Visual Studio IDE或Sublime Text相同(对前端开发的小伙伴非常有用)。

Vs Code 最好的代码注释扩展插件:

拓展名称:Better Comments

插件市场地址:https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

拓展描述:更好的注释扩展将帮助您在代码中创建更人性化的注释。使用此扩展,您将能够将注释分类为:警报、查询、待办事项、强调、注释掉的代码也可以设置样式,以使代码不应该存在、您可以在设置中指定任何其他注释样式。

VSCode中日常开发实用插件有哪些

查找并修复JavaScript代码中的问题:

拓展名称:

拓展描述:ESLint 是一个代码规范和错误检查工具,有以下几个特性

1、所有东西都是可以插拔的。你可以调用任意的rule api或者formatter api 去打包或者定义rule or formatter。
2、任意的rule 都是独立的
3、没有特定的coding style,你可以自己配置

ESLint配置详解:https://blog.csdn.net/mafan121/article/details/77965252?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase

Vs Code中好用的Git源代码管理插件GitLens:

拓展名称:GitLens

插件市场地址:https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

拓展描述:GitLens内置到Visual Studio代码Git的能力。它可以帮助您通过Git责任注释和代码镜头一目了然地看到代码作者的身份,无缝地导航和浏览 Git存储库,通过功能强大的比较命令获得有价值的见解,等等。

Vs Code 源代码管理插件GitLens使用指南:https://www.jianshu.com/p/95a1a06ac0fb

VSCode中日常开发实用插件有哪些