代码编写步骤

核心提示全文共1882字,预计学习时长5分钟图源:unsplash如何实现从优秀到顶尖的跨越?资深开发人员告诉我们,用什么工具很关键。使用合适的工作工具可以使身为开发人员的你的生活变得更加轻松。这与你正在使用的IDE没什么不同。许多开发人员都将Vi

全文1882字,预计学习时间5分钟。

图源:unsplash

如何实现从优秀到顶尖的跨越?高级开发人员告诉我们,我们使用什么工具至关重要。使用正确的工作工具可以让开发人员的工作更轻松。

这与您正在使用的IDE没有什么不同。许多开发人员使用VisualStudio代码作为他们的首选IDE,以便他们可以安装扩展。扩展的类型是无限的。VisualStudio市场的扩展太多了。本文将介绍其中七种可以简化编码的方法。

请注意,所有这些插件都可以在Visual Studio Marketplace上免费获得。

1.REST客户端

REST客户端扩展允许使用者发送HTTP请求并直接在VisualStudio代码中查看响应。这让我们可以告别外部应用,不再需要外部应用向服务器发送HTTP请求。

它非常受欢迎,安装量超过一百万,并被许多开发人员使用。这个插件我也用了很久了。

发送请求从未如此简单。语法真的很干净,可以用很多选项来满足用户的需求。一个简单的GET请求只需要一行包含GET关键字和URL的代码。

2.CSSPeek

如果你是一个网页开发者,那么CSSPeek是绝对必须的。有了这个扩展,您只需将鼠标悬停在元素的类名或ID上,就可以查看HTML中应用于元素的CSS规则。

请看下图。该扩展的具体功能如图所示:

此外,该扩展不仅可以查看样式,还具有“转到”功能,通过该功能,用户可以立即跳转到应用于该元素的CSS规则,节省了大量寻找正确选择器的时间。

3.美化

如果你是一个喜欢简单代码的人,你一定会喜欢美化。这个扩展有助于使您的代码更加完美。美化支持Javascript,HTML,CSS,Sass和JSON。

这个扩展最好的一点是所有选项都是完全可定制的,比如缩进大小和文件是否应该在新的一行结束。如果用多种编程语言编写代码,美化可以称得上是一个好帮手。可以为每种编程语言定制选项。

该扩展已被下载超过500万次,在最常安装的扩展中排名前20。

4.自动重命名标签

自动重命名标签扩展的功能很简单,但是非常容易使用。这个扩展可以自动重命名成对的HTML标签。如果重命名开始标记,将会更改相应的结束标记。反之亦然。

如果您想在输入开始标记的结束括号时自动添加结束标记,您可以检查自动结束标记扩展。安装了这两个扩展之后,你将能够以一种更加高效和一致的方式编写HTML。

5.Quokka.js

Quokka.js是编辑器中的原型游乐场。您可以访问项目文件、内联报告等。代码中的值在运行时更新,并显示在IDE中代码的旁边。总之,很牛逼!

6.夜莺

如果没有值得称赞的主题,优化VSCode有什么价值?鉴于你在VSCode上花了很多时间,安装一个主题让它看起来更好。

夜猫子主题是许多开发者使用的美丽主题之一。根据这个题目的描述,适合喜欢深夜写代码的人。

不喜欢《夜猫子》的主题也没关系。还有很多其他漂亮的VS代码主题,我的另一篇文章已经介绍过了:https://level up . git connected . com/Code-pretty-in-themes-for-visual-studio-4162 aa 35 aee 1。

7.Javascript代码片段

最后一个要介绍的扩展是Javascript代码片段扩展。这个扩展包含十几个代码片段,可以用来生成ES6代码片段。

比如,输入clg,然后按回车键,就会生成console.log,用户可能需要一段时间来熟悉所有可能的代码片段,但是一旦掌握了,就可以快速进入ES6。

收集这些扩展,帮助你成为一名顶级开发者!

留言关注

我们一起分享AI学习和开发的干货。

如转载,请后台留言,并遵守转载规范。

 
友情链接
鄂ICP备19019357号-22