AICODER大前端培训

AICODER-IT培训专家,前端培训基地,前端培训,全栈培训,大学生IT培训基地,线上IT课程免费自学,线下培训项目实战,实习,html5培训实习-AICODE程序员

在线咨询

程序员宝典:10个Visual Studio Code插件

AICODER官方 发布于: 2019年6月5日 10时53分41秒 阅读1012次

软件开发已取得了长足发展,在满足行业需求并实现自动化方面达到了很高的水平。无论是银行、保险、金融、航空、机械还是其他任何行业,应用软件都是满足需求的重要组成部分。

集成开发环境(IDE)也是如此,它有助于更快地部署软件,缩短产品上市时间。

微软一直是IDE领域的重要贡献者。微软开发的源代码编辑器VS Code适用于Windows、Linux和macOS。凭借强大的开发框架Electron VS Code,可高度定制,让用户可以更改主题、键盘快捷方式和首选项。此外,它还支持通过功能丰富的插件(extension)来构建额外功能。

VS Code编辑器为几乎所有主要的编程语言提供了默认的支持,因此它是开发人员构建插件的选择。这包括CSS、Python、Ruby、Groovy、JavaScript、TypeScript、CSS和HTML等。

据Stack Overflow开展的调查,Visual Studio Code被评为排名第一的首选开发者工具。如果你是软件开发人员,又没有试过它,今天应该试一下!

借助Extension API,Visual Studio Code的几乎每个部分都可以定制和改进,从用户界面到编辑体验,不一而足。为了扩展功能,Visual Studio Code提供了许多插件。VS Code的许多核心功能都是作为插件而构建的,使用一样的Extension API。

如果你是软件开发人员,下面是VS Code插件可以为你做的几个例子!

  • 让你可以使用自己选择的编程语言编写代码,支持新的编程语言――是的,确实如此!你可以告诉VS Code想要使用的一种新的编程语言。VS Code将为编程语言添加基本的文本编辑支持,比如括号匹配、自动缩进和语法高亮显示。

  • 可以创建Web视图,显示用HTML/CSS/JS构建的自定义网页。

  • 可以在UI中构建自定义组件和视图。

  • 让你可以使用颜色或图标主题改变VS Code的外观,或者可以将现有的TextMate主题改成VS Code。

  • 注册命令、配置、键绑定或上下文菜单项。

  • 可以将现有的JavaScript代码片段捆绑到插件及更多对象中!

总的来说,VS Code插件可以分为以下几类:

  • 常用功能

  • 主题和声明语言特征

  • Workbench插件和调试支持

VS Code Extension Marketplace(https://marketplace.visualstudio.com/vscode)是一个在线商店,可以在其中找到大量的VS Code插件。

现在,不妨介绍几个基于行业标准的知名VS Code插件,这些插件被全球软件开发人员社区广泛使用。我们还确信,你也会喜欢探究其中一些插件!

下面是你应知道的十大VS Code插件,应该至少探索一下:

1. Remote – Container

对于使用Docker Container的开发人员来说,这个插件“必不可少”。

Remote – Containers插件启动(或附加到)运行明确定义的工具和运行时堆栈的开发容器。工作区文件被拷贝或克隆到容器中,或者从本地文件系统挂载。只要打开容器内的任何文件夹或加载到容器中,就可以充分利用Visual Studio Code的全部功能。

2. Python

如果需要你构建处理大量数据的应用软件,那么Python将是你选择的编程语言。这要求你使用为Python语言提供丰富支持的该Visual Studio Code插件(适用于所有得到积极支持的语言版本:2.7,> = 3.5),包括IntelliSense、内联、调试、代码导航、代码格式化、Jupyter笔记本支持、重构、变量资源管理器、测试资源管理器和代码片段等功能!

3. Path Intellisence

这绝对能为开发人员节省时间。因为常常很难记住文件的庞大名称及文件夹位置。Path Intellisence帮助开发人员轻松输入长路径的名称。它还有许多配置选项,让你可以从不同的选项中进行选择,比如目录名称是否应该有斜杠等。

4. Live Server

你可以使用Live Server插件,为本地服务器创建静态页面和动态页面。任务栏有一个go-live按钮,可用于以开发服务器的身份运行代码。与Live Server一同提供的另一项功能是Live Reload,可在工作保存时立即重新加载页面。

5. Visual Studio Intellicode

Visual Studio Intellicode是一种使用人工智能的插件。它通过提供代码完成建议并支持许多编程语言来帮助开发人员。它有助于结合基于来自众多开源GitHub存储库的学习模式的建议来编写代码。

6. Settings Sync

对于在多台计算机上工作的开发人员,基于其个人选择更改每台计算机上的设置可能是很艰巨的任务。Settings Sync插件可帮助你在使用的所有计算机上同步设置。

7. Prettier

对于需要遵循一套风格指南的开发人员来说,Prettier是适合他们的插件!它可以帮你以你所需的格式编写代码。它是一种固定的代码格式化插件,可以与JavaScript、HTML、CSS、Markdown和GraphQL等另外几款工具协同使用。

8. Debugger for Chrome

它是用于Visual Studio Code的官方调试器插件。Debugger for Chrome插件可帮助开发人员简化日常工作流程,方法是让他们能够直接从编辑器调试代码。它可以帮助前端开发人员直接从VS Code调试在谷歌Chrome Web浏览器中运行的客户端JavaScript代码。

9. Bracket Pair Colorizer

有了Bracket Pair Colorizer,开发人员无需为匹配括号操心。该插件用特定颜色为匹配括号着色,使开发人员更易于阅读代码!毫无疑问,这对你来说是福音!

10. Quokka

对于不用离开编辑器即可即时检查代码的开发人员来,Quokka是最合适的Visual Code插件。它为你节省了时间,并实时检查代码。

固定的颜色代码用于各种类型的结果。比如说,灰色方块表示代码尚未执行,绿色方块表示代码已执行。

但愿本文可以帮助你在各种VS Code插件中进行选择!

原文标题:10 Visual Studio Code Extensions for Programmers,作者:Ravi Saive


AICODER编辑推荐:



报名就业班送基础班

最近分享