网站建站与优化,中国观鸟记录的网站架构,怎么制作一个软件app,苏州设计公司有哪些前言#xff1a; VS Code是一个轻量级但功能强大的源代码编辑器#xff0c;轻量级指的是下载下来的VS Code其实就是一个简单的编辑器#xff0c;强大指的是支持多种语言的环境插件拓展#xff0c;也正是因为这种支持插件式安装环境开发让VS Code成为了开发语言工具中的霸主…前言 VS Code是一个轻量级但功能强大的源代码编辑器轻量级指的是下载下来的VS Code其实就是一个简单的编辑器强大指的是支持多种语言的环境插件拓展也正是因为这种支持插件式安装环境开发让VS Code成为了开发语言工具中的霸主让其同时支持开发多种语言成为了可能。俗话说的好工欲善其事必先利其器安装一些实用插件对自己日常的开发和工作效率能够大大的提升避免996从选一款好的开发插件开始。以下是我整理的一些比较实用的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拓展插件安装
快捷键CtrlShiftX进入拓展面板到应用商店文本框中搜索拓展。 适用于 VS Code 的中文简体语言包
拓展名称Chinese (Simplified) Language Pack for Visual Studio Code
插件市场地址https://marketplace.visualstudio.com/items?itemNameMS-CEINTL.vscode-language-pack-zh-hans
拓展描述此中文简体语言包为 VS Code 提供本地化界面。 VS Code C#开发工具包
C# Dev Kit for Visual Studio Code C# Dev Kit for Visual Studio CodeC# Dev Kit是一个扩展工具它为您的C#开发提供了一系列强大的功能和实用工具以帮助您更高效地编写、调试和维护代码。它能够在Windows、macOS、Linux甚至Codespace等各种开发环境中使用提升您的C#开发体验。 打开VS Code找到拓展(CtrlShiftx)搜索C# Dev Kit点击安装 C# for Visual Studio Code C# for Visual Studio CodeC# for VS Code是C# Dev Kit的一部分为Visual Studio Code提供了功能丰富的C#语言支持。 打开VS Code找到拓展(CtrlShiftx)搜索C#点击安装 Visual Studio代码的图标
拓展名称vscode-icons
插件市场地址https://marketplace.visualstudio.com/items?itemNamevscode-icons-team.vscode-icons
拓展描述vscode-icons不仅能够给文件夹、文件添加上舒适的图标而且可以自动检测项目根据项目不同功能配上不同图标例如git、Markdown、配置项、工具类等。 TabNine代码补全工具
拓展名称Tabnine AI Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby more
插件市场地址https://marketplace.visualstudio.com/items?itemNameTabNine.tabnine-vscode
拓展描述Tabnine 是一款 AI 代码补全插件适用于 JavaScript、Python、Java、TypeScript 和其他所有编程语言。它通过自动补全代码来提高开发人员的工作效率。TabNine开箱即用。响应速度快通常会在不到10毫秒的时间内生成建议列表。
详细介绍https://zhuanlan.zhihu.com/p/73811872 Copilot AI辅助编程工具
拓展名称GitHub Copilot
插件市场地址https://marketplace.visualstudio.com/items?itemNameGitHub.copilot
拓展描述是一个提供 AI 辅助编程的工具它在您编码时会提供类似自动补全的建议。您可以通过开始编写您想要使用的代码或者编写自然语言评论描述您希望代码完成的功能来获取 GitHub Copilot 的建议。 自动添加关闭标签
拓展名称Auto Close Tag
插件市场地址https://marketplace.visualstudio.com/items?itemNameformulahendry.auto-close-tag
拓展描述自动添加HTML / XML关闭标记与Visual Studio IDE或Sublime Text相同对前端开发的小伙伴非常有用。 Vs Code 最好的代码注释扩展插
拓展名称Better Comments
插件市场地址https://marketplace.visualstudio.com/items?itemNameaaron-bond.better-comments
拓展描述更好的注释扩展将帮助您在代码中创建更人性化的注释。使用此扩展您将能够将注释分类为警报、查询、待办事项、强调、注释掉的代码也可以设置样式以使代码不应该存在、您可以在设置中指定任何其他注释样式。 查找并修复JavaScript代码中的问题
拓展名称ESLint
插件市场地址https://marketplace.visualstudio.com/items?itemNamedbaeumer.vscode-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_mediumdistribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecasedepth_1-utm_sourcedistribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.nonecase Vs Code中好用的Git源代码管理插件GitLens
拓展名称GitLens
插件市场地址https://marketplace.visualstudio.com/items?itemNameeamodio.gitlens
拓展描述GitLens内置到Visual Studio代码Git的能力。它可以帮助您通过Git责任注释和代码镜头一目了然地看到代码作者的身份无缝地导航和浏览 Git存储库通过功能强大的比较命令获得有价值的见解等等。
Vs Code 源代码管理插件GitLens使用指南https://www.jianshu.com/p/95a1a06ac0fb Git历史记录查看
拓展名称Git History
插件市场地址https://marketplace.visualstudio.com/items?itemNamedonjayamanne.githistory
拓展描述Git历史记录搜索和更多内容包括git log。 流程图神器-Drawio
拓展名称Drawio Preview
插件市场地址https://marketplace.visualstudio.com/items?itemNamepurocean.drawio-preview
拓展描述在Vs Code中预览绘图图文件。
Vs Code中使用Drawiohttps://blog.csdn.net/huanglin6/article/details/106239570 Import、Require模块路径自动补全
拓展名称Path Intellisense
插件市场地址https://marketplace.visualstudio.com/items?itemNamechristian-kohler.path-intellisense
拓展描述在编辑器中输入对应文件的路径会自动补全在Import、Require导入/引入模块时非常便捷好用。 Vue开发必备-VeturVS Code的Vue工具
拓展名称Vetur
插件市场地址https://marketplace.visualstudio.com/items?itemNameoctref.vetur
拓展描述Vue多功能集成插件包括语法高亮智能提示emmet错误提示格式化自动补全debugger。vscode官方钦定Vue插件Vue开发者必备。 帮助Vue开发者编写更高效的Element-UI代码
拓展名称vscode-element-helper
插件市场地址https://marketplace.visualstudio.com/items?itemNameElemeFE.vscode-element-helper
拓展描述VSCode-Element-Helper是Element-UI的VS Code扩展Element-UI是一个很棒的库。越来越多的项目使用它。因此为了帮助开发人员通过Element-UI编写更高效的代码。 Vue VSCode片段
拓展名称Vue VSCode Snippets
插件市场地址https://marketplace.visualstudio.com/items?itemNamesdras.vue-vscode-snippets
拓展描述Vue 语法片段扩展。 Angular开发必备-VS Code的Angular TypeScript代码片段
拓展名称Angular Snippets (Version 9)
插件市场地址https://marketplace.visualstudio.com/items?itemNamejohnpapa.Angular2
拓展描述Visual Studio Code的此扩展为TypeScript和HTML添加了Angular的代码片段。 Vs Code代码运行器
拓展名称Code Runner
插件市场地址https://marketplace.visualstudio.com/items?itemNameformulahendry.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,和自定义命令。 Visual Studio代码的图标字体
拓展名称Icon Fonts
插件市场地址https://marketplace.visualstudio.com/items?itemNameidleberg.icon-fonts
拓展描述icon fonts是一款提供VS Code图标、字体缩写的的插件。虽然看上去很不起眼但是对于前端开发这款工具可以说能够极大的提高开发效率。通过一些缩写能够快速补全icon fonts相关的代码片段这样能够减少80%以上的手动输入内容。icon fonts支持html、css、less、sass、scss、stylus、jsx、blade、vue。 Gitlink是一款辅助和增强VS Code GitHub使用的插件
拓展名称Gitlink
插件市场地址https://marketplace.visualstudio.com/items?itemNameqezhu.gitlink
拓展描述gitlink是一款辅助和增强VS Code GitHub使用的插件。
它具有如下2个特性 转到当前文件的在线链接。 复制当前文件的在线链接到剪切板。 GraphQL拓展
拓展名称GraphQL
插件市场地址https://marketplace.visualstudio.com/items?itemNamemquandalle.graphql
拓展描述GraphQL扩展包括自动完成功能它会在您键入时建议在查询中使用的字段和参数从而更容易编写有效的 GraphQL 代码。此功能可为您节省时间并降低出现语法错误的可能性。它安装了一个内置的 linter可以检查您的代码是否有错误并提出修复建议。使用此扩展可防止 GraphQL 错误并提高效率。
