vscode推荐安装插件(代码片段)

can-daydayup can-daydayup     2022-12-03     236

关键词:

前言:

  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,和自定义命令。

vscode拓展插件推荐(代码片段)

VSCode拓展插件推荐插件列表AutoCloseTag 自动闭合HTML标签AutoRenameTag 修改HTML标签时,自动修改匹配的标签Bookmarks 添加行书签CanIUse HTML5、CSS3、SVG的浏览器兼容性检查CodeRunner 运行选中代码段(支持大量语言,包括N... 查看详情

vscode插件推荐

在扩展(Ctrl+Shift+X)中直接搜索这些插件的名字安装即可1、HTMLSnippets  超级使用且初级的H5代码片段以及提示2、HTMLCSSSupport   让HTML标签上写class智能提示当前项目所支持的样式3、jQueryCodeSnippets  jQuery提示工具4、PathInt... 查看详情

vscode配置(代码片段)

VSCode安装地址常用插件:中文插件:Chinese颜色主题:atomonedark文件夹图标:VSCodeGreatIcons在浏览器中打开网页:openinbrowser、LiveServer自动重命名标签:autorenametagES7+React/Redux/React-Nativesnippets单位转换pxtorem画图Draw.ioIntegration生成代码... 查看详情

初识vscode(代码片段)

1.安装VisualStudioCode(VScode)官网 :https://code.visualstudio.com/ VisualStudioCode(VScode)github地址:https://github.com/Microsoft/vscode 2.主题插件推荐OneDarkProAtomOneDarkThemeEvaThemeMaterialPalenightTheme更多VisualStudioCode主题插件请参考VSCodeDownloads... 查看详情

vscode插件推荐安装

VSCode插件安装安装方法点击左侧《扩展》图标,在搜索框输入需要安装的插件名称,点击install进行安装即可。安装完毕,需要重新加载软件使插件生效。推荐安装的插件Chinese(Simplified)LanguagePackforVSCode   中文(简体)... 查看详情

2022,vscode前端插件推荐(代码片段)

前言推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来mo鱼,岂不美哉开发综合推荐别名路径跳转插件名:别名路径跳转使用说明: 别名路径跳转插件,支持任何项目,使用场景:当你... 查看详情

vscode搭建react-native(代码片段)

vscode搭建react-native选择:vscode+typings+eslint*vscode:宇宙最强IDE家族的最新产品*typings:基于typescirpt的接口文件*eslint:代码静态检查,技能检测低级的语法错误,又能规范代码格式和应用最佳实践工具和插件编辑器下载: vscode.必装... 查看详情

vscode-超实用插件推荐(代码片段)

今天这篇文章呢,是想和大家分享一波Vscode中一些好用的插件,可能不全,会持续更新,所以欢迎大家分享自己觉得好用的Vscode插件,咱们评论区见哦~1.LiveServer作用:可以在本地启动一个服务器,可以... 查看详情

几款提升开发体验的vscode插件推荐(代码片段)

今天推荐几款通用的VSCode插件给大家。对于轻量级的文本或代码编辑器,最开始用过Notepad++,后来换了Sublime和Atom,最后换成了VSCode。作为一款微软出品的编辑器,最吸引我的是轻量级、启动快,扩展丰... 查看详情

2022,vscode前端插件推荐(代码片段)

前言推荐一波前端开发必备插件,绝对可以提高你的生产力,剩下来的时间来mo鱼,岂不美哉开发综合推荐别名路径跳转插件名:别名路径跳转使用说明: 别名路径跳转插件,支持任何项目,使用场景:当你... 查看详情

text安装vscode插件(代码片段)

查看详情

linuxc++开发面试系列:vscode编写运行cc++程序配置和插件推荐(代码片段)

文章目录同步GitHub在此👉[https://github.com/TeFuirnever/GXL-Skill-Tree](https://github.com/TeFuirnever/GXL-Skill-Tree)VSCode的gcc、g++配置1、开发环境2、文件配置3、快捷键VSCode插件推荐同步GitHub在此👉https://githu 查看详情

vscode插件推荐

...目所支持的样式新版已经支持scss文件检索DebuggerforChrome让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试,真666~jQueryCodeSnippetsjquery重度患者必须品vscode-icons 查看详情

vscode插件-前端工程师开发必备(推荐收藏)(代码片段)

前端开发工具1.AutoRenameTag自动重命名HTML或XML标签2.AutoCloseTag自动添加HTML/XML关闭标签3.PathIntellisense智能路径提示4.npmIntellisense5.TurboConsoleLog快速添加console.log信息,jsdebug必备快捷键ctrl+alt+l选中变量之后,使用这个快... 查看详情

vscode配置go插件和第三方拓展包(代码片段)

前言VSCode现在已经发展的相当完善,很多语言都比较推荐使用其来编写,Go语言也一样,前提你电脑已经有了Go环境和最新版本的VSCode插件安装直接在拓展插件中搜索Go,就可以安装Go插件安装之后vscode会弹出该插件还需安装一些... 查看详情

vscode插件推荐

...目所支持的样式新版已经支持scss文件检索DebuggerforChrome让vscode映射chrome的debug功能,静态页面都可以用vscode来打断点调试,真666~ 配置稍微复杂一些,哪天心情好我再另写教程吧~jQueryCodeSnipp 查看详情

vscode超实用插件推荐,让你的开发效率火力全开(代码片段)

辅助开发类:1. VeturVUE开发必备插件1.语法高亮,包括vue/htmlcss/sass/scss/less/stylusjs/ts2.语义高亮,除了支持template模板以外,还支持大多数主流的前端开发脚本和插件3.语法错误检查,包括CSS/SCSS/LESS/Javascript/TypeSc... 查看详情

vscode插件推荐(代码片段)

...常见的代码模式抽出来,通过2~3个键就能展开N行代码。VSCodeJavaScript(ES6)snippets当前最流行的,已有超过120万的下载量。这个插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6的语法支持;  React-ReduxES6Snippets  jQueryCod... 查看详情