53

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

 4 years ago
source link: https://www.tuicool.com/articles/VJr6NvF
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

iaqu2mB.png!web

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

集成开发环境(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的全部功能。

ZFFBFz3.png!web

2. Python

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

3iYbU37.png!web

3. Path Intellisence

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

vAzqyyA.png!web

4. Live Server

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

NR3UJfr.png!web

5. Visual Studio Intellicode

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

eiiIJfM.png!web

6. Settings Sync

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

J3uiqiF.png!web

7. Prettier

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

zAveU3i.png!web

8. Debugger for Chrome

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

VV7NZjn.png!web

9. Bracket Pair Colorizer

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

jQVFZn6.png!web

10. Quokka

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

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

mYJZRvf.png!web

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

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

【51CTO译稿,合作站点转载请注明原文译者和出处为51CTO.com】

【责任编辑:庞桂玉 TEL:(010)68476606】


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK