Vs Code推荐安装插件

微笑、不失礼 提交于 2020-08-09 20:43:08

前言:

  Visual Studio Code是一个轻量级但功能强大的源代码编辑器,轻量级指的是下载下来的Vs Code其实就是一个简单的编辑器,强大指的是支持多种语言的环境插件拓展,也正是因为这种支持插件式安装环境开发让Vs Code成为了开发语言中的霸主,让同时支持开发多种语言成为了可能。俗话说的好工欲善其事必先利其器,作为一个Vs Code老用户而已我我觉得安装一些有用的插件多自己日常的开发效率能够大大的提升,下面我推荐的是我日常开发中使用的比较多和感觉起来还不错的一些插件,同时会持续更新,假如大家觉得有好的插件而我这里没有提到的可以在下面留言我会补上。

Vs Code拓展插件安装:

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

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

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

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

美化VS Code的代码:

拓展名称:Beautify 

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

Visual Studio代码的图标:

拓展名称:vscode-icons

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

自动添加关闭标签:

拓展名称:Auto Close Tag

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

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

拓展名称:ESLint

拓展描述: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

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

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

Git历史记录查看:

拓展名称:Git History

拓展描述:Git历史记录,搜索和更多内容(包括git log)。

流程图神器-Drawio:

拓展名称:Drawio

拓展描述:在Vs Code中预览绘图图文件。

Vs Code中使用Drawio:https://blog.csdn.net/huanglin6/article/details/106239570

自动路径补全:

拓展名称:Path Intellisense

拓展描述:在编辑器中输入对应文件的路径,会自动补全(在import、require npm模块时非常便捷好用)。

Vue开发必备-Vetur(VS Code的Vue工具):

拓展名称:Vetur

拓展描述:Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备。

Vue VSCode片段:

拓展名称:Vue VSCode Snippets

拓展描述:Vue 语法片段扩展。

Vs Code运行C#拓展:

拓展名称:C#

拓展描述:.NET Core的轻量级开发工具。强大的C#编辑支持,包括语法突出显示,IntelliSense,转到定义,查找所有引用等。对.NET Core(CoreCLR)的调试支持。注意:不支持Mono调试。桌面CLR调试的支持有。限。在Windows,macOS和Linux上支持project.json和csproj项目。

使用Vs Code开发.NET Core参考该篇博客:https://www.cnblogs.com/yilezhu/p/9926078.html

Angular开发必备-VS Code的Angular TypeScript代码片段:

拓展名称:Angular Snippets (Version 9)

拓展描述:Visual Studio Code的此扩展为TypeScript和HTML添加了Angular的代码片段。

Vs Code Chrome调试器:

拓展名称:Debugger for Chrome

拓展描述:在Chrome浏览器或任何其他支持Chrome Debugger协议的目标中调试JavaScript代码。

Vs Code代码运行器:

拓展名称:Code Runner

拓展描述:运行多种语言的代码段或代码文件:C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA,和自定义命令。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!