综合技术

Interesting VSCode Extensions For Febuary 2019

微信扫一扫,分享到朋友圈

Interesting VSCode Extensions For Febuary 2019
0

Here is this months round up of eye-catching, interesting and note-worthy VS Code extensions. I plan to run this article every month, this is the very first, enjoy!

Niketa Theme

It’s actually hard to find decent IDE themes nowadays, well it certainly is for me anyways, nothing usually compares to Darcula. But the Niketa Theme package offers some pretty easy-on-the-eye pre-set themes that are actually really good. It spans fifteen themes from light to dark, enough to cater to all contrast-preferences.

Browser Preview

Do you ever get annoyed with having to switch back and forth from editor to browser? This is especially annoying if you’re only working with one screen too. Well, look no further, Browser Preview remedies this issue instantly, allowing you to render web-pages right inside VSCode. It even gives you a quick-launch button on the left hand navigation bar for ease-of-access.

React – The Complete Guide

Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and more!

Average Rating 4.7/5 :star: from over 31,000 students!

Code Time

Now this extension is right up my street, it’s an excellent idea and provides great analysis. Code Time provides personal statistics on your coding habits. These statistics include metrics like Hours Coded, Total Key Strokes, Lines Of Code Added, Top Projects Worked On and even heat maps, mapping out your most active times of the day.

Code Time can even be configured to email you these stats on a specific interval basis. In addition, you can use their app to see proper visualizations in the flesh with your data. Below is an example of the statistic output that it generates on demand.

Web Accessibility

Accessibility on the web is often ignored or overlooked, and believe me, it is important. Not only just for users, but for browsers and even SEO. This linting-like tool will pick out areas of improvement as you code, offering advice on how to make it more accessible.

For example, you’ve just added an image to your page, but forgot to add an alt="" tag, this extension will make sure you know that you missed it out!

Nest Comments

I can almost guarantee you’ve ran into this issue before, having comments in a block of code and you comment the full block of code. Then, when you un-comment it, that originally commented code becomes un-commented! This slick extension gets rid of this annoying issue and it is prepped for a vast range of languages too. See the below GIF to see its magic in action with some CSS.

Credit: Phil Sinatra

Insert Unicode

Say goodbye to searching Google for emojis and Unicode symbols alike. Insert Unicode allows you to search for symbols and emojis directly in VS Code, it’s pretty epic. It’s so simple to use, hit the F1 key and find the Insert Unicode sub-menu, hit enter and then start your search. By typing fire and enter, you will be presented with a range of Unicode and emojis to choose from.

Its even possible to map emojis or codes to a specific keyboard-shortcut-combination so that you can utilize them quicker rather than searching every single time.

TODO List

Be honest, how many times have you added ‘TODO:’ to your comments and forgot about it? Well this healthy-workflow extension keeps them at the forefront of your coding environment. Every time you add ‘TODO:’ within a comment in your code, the extension picks it up and places it in a new Action Comments pane on the left explorer window.

This is an exceptionally simple addition to your VSCode build and reaps so many benefits. An added bonus if you’re already using Trello too, this extension is already ready to integrate directly with the Trello app! An absolutely flawless idea, I love it!

JSON Editor

Working with JSON can be challenging at times, especially if it’s heavily nested and you have no way of visualizing it easily. One of the ways I used to visualize it was to paste my JSON into Chrome console, this of course is a bit of a nightmare. The JSON Editor allows you to visualize JSON directly in Visual Studio Code and its kinda epic.

Not only can this extension render a beautiful view of your JSON, but it allows you to real-time update your JSON file by using the editor itself. Simply add a new object to the tree-view and your raw JSON will be updated.

And that is all for this months round up, definitely some interesting and exciting extensions to use. Let me know in the comments of any interesting extensions you’ve came across lately!

阅读原文...

微信扫一扫,分享到朋友圈

Interesting VSCode Extensions For Febuary 2019
0
Code Wall

Spark enhancements for elasticity and resiliency on Amazon EMR

上一篇

还剩3天!Fetch上线倒计时,它能复刻BTT“上涨10倍”的辉煌吗?

下一篇

评论已经被关闭。

插入图片

热门分类

往期推荐

Interesting VSCode Extensions For Febuary 2019

长按储存图像,分享给朋友