#VisualStudio – JSON Viewer, excellent extension to work with #JSON contents

Hi!

When I’m in debug mode in Visual Studio, I always use several options to view debugging data. Text, XML and JSON are the default data viewers ones that we have in the IDE (as far as I know!). What I do not find in the IDE is an external viewer in JSON format.

Lucky us, we can always go to the Visual Studio MarketPlace, where we have many tools (free most of them). And to fix my problem, JSON Viewer covers all my requirements. Copying and pasting JSON content, the end result is the following

 

I1

In the previous image we see how the contents are shown in [Human friendly] format, and we also have the possibility to see the same data with the JSON content formatted

I2

For now, very useful and covers all my expectations.

Happy Coding!

Greetings @ Toronto

El Bruno

References

 

Advertisements

#VisualStudio – JSON Viewer, excelente extensión para trabajar con contenidos JSON

Buenas!

Cuando depuras aplicaciones, Visual Studio nos provee de varias opciones para ver los datos de la depuración. Text, Xml y Json son los visores que tenemos por defecto. Lo que no encuentro de fabrica en el IDE es un visor externo en formato Json.

Por suerte, en el MarketPlace de Visual Studio tenemos muchas herramientas (gratis en su mayoría). Y para solucionar mi problema, JSON Viewer cubre todos los requisitos. Copiando y pegando un contenido JSON, el resultado final es el siguiente

I1

En la imagen anterior vemos como se muestran los contenidos en formato [Human Friendly], y también tenemos la posibilidad de ver los mismos en JSON formateado

I2

Por ahora, muy útil y cubre todas mis expectativas.

Happy Coding!

Saludos @ Toronto

El Bruno

References

 

#Marketplace – Case Converter, useful for #developers discussions over a cup of coffee!

Hi !

Today post is about a Visual Studio Extension, one which makes you happy: Case Converter. The extension name is self descriptive, however:

This extension allows you to convert code from PascalCase format to snake_case, or from snake_case for PascalCase format. Or event working with camelCase format.

So, internally you mus define the formats you want to use and a format for the conversion flow. In example A >> B >> C >> A … Once you have this defined, you can select a piece of code and convert

snake_case >> PascalCase >> camelCase >> snake_case >> PascalCase >> camelCase >> …

In the next animation, you can see how this variable name is converted in 3 different format every a couple of seconds with the keyboard shortcut Ctrl + Shift + K, Ctrl + Shift + C

2017 09 12 VS Case Converter 01

The conversion flow can be defined in the IDE Options, in the specific section for Case Converter.

Clipboard01

I like to use code using PascalCase format. And, when you switch between projects and review tons of code, you probably found some code which makes you cry. At this point I usually talk with the team, and we all agree to perform a very useless commit, which only have cosmetic changes, mostly focused on source code style.

But you know, that night I can finally sleep well!

Greetings @ Burlington

El Bruno

References

#Marketplace – Case Converter, ideal para discusiones de café (o cerveza!)

Hola!

Hoy toca compartir una extensión de esas que te alegran el día: Case Converter. El nombre de la misma explica su función:

Permite convertir código en formato PascalCase a snake_case, o de snake_case a PascalCase. O también a camelCase.

Internamente funciona con un flujo de conversión que se puede definir en las settings. De esta forma puedes seleccionar una porción de código y con un simple keyboard shortcut convertir el código en

snake_case >> PascalCase >> camelCase >> snake_case >> PascalCase >> camelCase >> …

Por ejemplo en la siguiente imagen podemos ver cambia con este flujo cada N segundos con la combinacion de teclas Ctrl + Shift + K, Ctrl + Shift + C

2017 09 12 VS Case Converter 01

El flujo a seguir se define en las opciones de la herramienta, en el IDE

Clipboard01

Personalmente, me gusta ver el código en formato PascalCase. Y claro, saltando de proyecto en proyecto me encuentro con otros formatos y otros estilos que me hacen arder los ojos. Siempre con el OK del equipo, si decidimos migrar el estilo de A hacia B, soy el que se encarga de hacer un commit muy improductivo donde lo único que encuentras es un cambio de estilo.

Eso si, al final puedo dormir tranquilo y no tener pesadillas con otro estilo de codigo.

Saludos @ Burlington

El Bruno

References

#V2017 – Un par de extensiones para comprender mejor nuestros procesos de #Build #Marketplace

Hola!

Durante el pasado Hololens Tour en Ontario, uno de los temas que comentaba sobre mi experiencia con Hololens, fue relacionado al Build. El detalle interesante es que, si no tienes un buen ordenador, la compilación y despliegue de los proyectos de Hololens suelen ser “eternos”. Para mostrar esto, cambiaba el verbose del output de la Build y me dedicaba a scrollar entre miles de líneas de build para encontrar el tiempo de las mismas.

Entre mis ToDos de poca importancia, tenía pendiente ver si alguien había creado una extension que me ayude en este aspecto. Y claro que si, he encontrado 2 que son geniales: BuildVision y ProjectHero2. La siguiente imagen muestra los paneles de ambas herramientas después de compilar un proyecto para una App de Hololens

I1

Como podemos ver en la imagen, ambos muestran el tiempo total de compilación por proyecto, y además el tiempo total de la solución. Es interesante que muestran datos diferentes para el tiempo total. Otro detalle interesante es que, en caso de error, aparece el mismo en la vista de compilación e inclusive podemos navegar al mismo.

I2

Finalmente, BuildVision posee varias opciones de configuración que nos permiten configurar los datos a ver en la lista de compilación, mostrar el proceso de build en el icono en la Taskbar, y muchas opciones mas.

Happy Coding!

Saludos @ Burlington

El Bruno

References

 

#VS2017 – VSTS extension with a #GitHub collaboration chart (similar)

Hi!

Yesterday I run a half marathon in the mountains, and now I realize that was not a good idea. I’m not use to run in trail mode, and also I don’t have a good technique at all to run in the mud and with climbs. So today, thanks to numerous different pains I’m starting to know a new set of muscles on my body, I didn’t even know I got this muscles. At the end, I’m very stubborn so I finish the race with an amazing smile in my face.

That’s why I get one question someone asked me sometime ago for today’s post:

Can we have a GitHub collaboration chart in VSTS?

Clipboard03

I didn’t think on this on a while until I found this new VSTS extension: Contributions Graph (link). After a quick look at the screen shots in the product page, it seems to me that the product may be the answer, and it’s quite interesting.

contributionGraph

hoverTimeRange

 

Happy Coding!

Greetings @ Toronto

El Bruno

References

 

#VS2017 – Extension para VSTS con un al gráfico de colaboraciones similar al de #GitHub

Buenas!

Ayer me he clavado una media maratón en las montañas que no ha sido la mejor de las ideas que he tenido. La falta de costumbre y técnica para correr en el barro, en subidas y bajadas, ha hecho que descubriese dolores en músculos que ni siquiera sabía que existían. Eso si, como soy testarudo, he terminado y me he dado el gusto de hacerlo con una sonrisa.

Es por eso por lo que retomo un post que tenía como una respuesta a una pregunta que me hicieron hace un tiempo:

¿Existe alguna forma de ver un gráfico de colaboraciones como el que posee GitHub?

Clipboard03

Pues la verdad que no conocía una forma de mostrar esta información hasta que me encontré con esta extensión para VSTS: Contributions Graph (link). La verdad es que viendo los screenshots que presentan en la página de producto, me parece que es un producto a probar para tener algo similar al gráfico de colaboraciones.

contributionGraphhoverTimeRange

Happy Coding!

Saludos @ Toronto

El Bruno

References

 

#VS2017 – HowTo: Share code from IDE in #Gist with a single click!

 

Hi !

For a while I decided to stop sharing code using “text” in my blog. I used to share a screen shoot of the code and then a link to the full example on GitHub. This seemed like a good idea, because on several occasions I had had unfortunate comments from people who performed a “copy & paste” portions of code from my blog, without even reading the complete sample.

Well, a while ago, a blind developer complained about those who shared code with images. And of course, after meeting a blind person who shared with me how he program every day, I did an evaluation and decided that it was best to go back to share code in text mode. (BTW: I wrote about this a while ago)

One of the best platforms for this is the Gists from GitHub, which gives us all the experience and appearance of GitHub. Yes, if you look for the option of doing it from the IDE, the next extension is more than useful Gists for Visual Studio.

The way to use it is quite simple, the Code Editor displays the context menu and you will see the new option “Create a new gist”

 

Clipboard02

The first time we use the extension, we must authenticate in Gists. After this, the next step is to define the name of the file, a description and if we want to share all the code of the file we are working on or just the selected text.

Clipboard04

The extension will create the Gist and share back the Url of the created one.

Clipboard06

Sample output for the post:

Happy Coding!

Greetings @ VSLive en Austin

El Bruno

References