[#VS2013] Node.js tools V1.0, es mucho mas importante de lo que te imaginas

Hola !

Después de un par de posts sobre el plugin de Visual Studio para trabajar con NodeJs, llegamos a la versión 1.0 del plugin. Hasta aquí una novedad no tan “grandiosa” si eres un Visual Studio developer.

Sin embargo, si lo mirás desde otra perspectiva:

Hay canales más formales que se hacen eco sobre cómo Microsoft está cambiando y abriendo / promoviendo estas plataformas que no son 100% exclusivas de Ms.

Por ejemplo: forbes.

Ahora antes que me olvide, link para Nde.js Tools 1.0 for Visual Studio (NTVS) y el link para download

Luego toca hablar sobre los clásicos dentro como intellisense y algunos muy buenos como la integracion con NPM (algo asi como el NuGet de NodeJs) y el panel interactivo REPL que es bastante adictivo cuando te acostumbras a trabajar con el mismo.

Saludos @ Barcelona

/El Bruno

Fuentes

http://blogs.msdn.com/b/visualstudio/archive/2015/03/25/node-js-tools-1-0-for-visual-studio.aspx

http://www.forbes.com/sites/adrianbridgwater/2015/03/25/building-internet-of-things-robots-microsoft-opens-visual-studio-to-node-js/

Advertisements

[#VS2013] Project Rename Tool !!! Shut up and take my money !!! ^_^

Hi!

I’ll be in Roma for a couple of days, so a quick post will be better explained with a video. In this one an amazing extension to rename projects, renaming also the project folder, updating the solution, etc.

Vs2013RenameProject

Greetings @ Rome

/El Bruno

Download: https://visualstudiogallery.msdn.microsoft.com/a76bd66e-d021-45fe-952a-c393e81912ca

[#VS2013] Project Rename Tool !!! Shut up and take my money !!! ^_^

Hola!

Mientras estoy en Roma por unos días, un post rápido que se explica con un video. Una excelente extensión que nos permite renombrar projectos, renombrando además los directorios de los mismo, actualizando la solución, etc.

Vs2013RenameProject

Saludos @ Rome

/El Bruno

Download: https://visualstudiogallery.msdn.microsoft.com/a76bd66e-d021-45fe-952a-c393e81912ca

[#VS2013] HowTo: Use debugging features in #Arduino with #VisualMicro

Hello!

For a while, I’ve been using VisualMicro as an alternative to the Arduino IDE to create sketches directly in Visual Studio 2013. After the MVP Open Day of a few days ago, someone asked me If working with Visual Micro and Arduino we have a 100% functional debugger .

Actually, when we add a break point in our Arduino code, Visual Micro injects a small code snippets in our Arduino code. This simple code is only available when we compile in Debug mode and if we want to see the code definition, we can edit the Upload.vmps.xml file in the Visual Micro project directory.

Clipboard02

Then to be able to debug an app in Arduino, we must have the Arduino connected to our computer serial port. At that time, the injected code will take care of “curb” the execution of the app in the Arduino via serial port to view the values of variables and analyze it.

When we finally compiling the sketches in Release mode, will inject no more this debug code and INO will be compiled like that in the Arduino IDE.

So well, details to consider

-Only you can debug connected with the Arduino via USB

-To be able to debug injected a bit of code, so the result of the compilation is usually slightly larger than usual

-Only works in Debug mode

Greetings @ Home

/El Bruno

References.

http://www.visualmicro.com/page/Debugging-for-Arduino.aspx

[#VS2013] HowTo: Utilizar la depuracion en #Arduino con #VisualMicro

Hola!

Desde hace un tiempo, utilizo VisualMicro como alternativa al IDE de Arduino para poder crear sketchs directamente desde Visual Studio 2013. Después del MVP Open Day de hace unos días, nuevamente alguien me preguntó si trabajando con Visual Micro y Arduino tenemos un depurador 100% funcional.

En realidad, cuando agregamos un punto de interrupción en nuestro código de Arduino, lo que hace Visual Micro, es agregar pequeños code snippets en nuestro código Arduino. Ese código solo está disponible cuando compilamos en modo Debug y si queremos ver la definición del mismo, podemos editar el archivo Upload.vmps.xml en el directorio Visual Micro del proyecto.

Clipboard02

Luego para poder depurar una app en Arduino, debemos tener el arduino conectado al puerto serial de nuestro ordenador. En ese momento, el código inyectado se encargará de “frenar” la ejecución de la app en el Arduino y a través del puerto serial poder ver los valores de las variables y analizar el mismo.

Cuando finalmente compilemos los sketchs en modo Release, no se inyectará más este código de depuración y el INO será compilado igual que en el IDE de Arduino.

Asi que bien, detalles a tener en cuenta

– Solo se puede depurar conectado con el Arduino por USB

– Para poder depurar se inyecta un poco de código, por lo que el resultado de la compilación suele ser un poco más grande que lo habitual

– Solo funciona en modo Debug

Saludos @ Home

/El Bruno

References.

http://www.visualmicro.com/page/Debugging-for-Arduino.aspx

[#VS2013] #VisualMicro, #Arduino 1.6.1 and some configuration hell

Hello!

I’ve already write a couple of posts about Visual Micro, this excellent addin allow you to create Arduino projects with Visual Studio 2013. Well, now that Arduino has already released an update of your IDE to version 1.6.1, if you had any previous configuration as it is time again to apply some magic to make it work again.

For example, when we created a new project with Visual Micro, we will see that in the toolbar, we have the option to select the version of the Arduino IDE (default 1.0. X), but clearly now is time to upgrade to the new version 1.6. X

ar01

So good, we deploy the combo and select the “Configuration Manager” option. In it, we define the location of the Arduino IDE and ready, Visual Micro already takes all the values of the new Arduino IDE.

ar02

The important detail is that, even if the location of the Arduino IDE has not changed, we have to launch the wizard to get the new values of the Arduino 1.6.1 in the VS IDE.

Once applied these changes can already select the correct values to work.

Visual Micro 01

And by the way, I’m me a post special to work with Intel Galileo and Visual Micro

ar03

Greetings @ Home

/El Bruno

Referencias:

Visual Micro, http://www.visualmicro.com/

Mis posts sobre Visual Micro, https://elbruno.com/category/informatica-e-internet/visual-micro/

[#VS2013] #VisualMicro, #Arduino 1.6.1 y el configuration hell

Hola!

Ya he escrito algunas veces sobre Visual Micro, ese excelente addin que nos permite crear proyectos para Arduino desde Visual Studio 2013. Pues bien, ahora que Arduino ya ha lanzado una actualización de su IDE a la versión 1.6.1, si tenías alguna configuración anterior pues es el momento de volver a configurar.

Por ejemplo, cuando creamos un nuevo proyecto con Visual Micro, veremos que en la barra de herramientas tenemos la opción de seleccionar la versión del IDE de Arduino (por defecto 1.0.X), pero claro ahora es momento de actualizar a la nueva versión 1.6.X

ar01

Así que bien, desplegamos el combo y seleccionamos la opcion “Configuration Manager”. En el mismo, definimos la ubicación del IDE de Arduino y listo, Visual Micro ya toma todos los valores del nuevo IDE de Arduino.

ar02

El detalle importante está en que, si bien la ubicación del IDE de Arduino no ha cambiado, hay que lanzar el asistente para que tome los nuevos valores del IDE de Arduino 1.6.1.

Una vez aplicado estos cambios ya podremos seleccionar los valores correctos para trabajar.

Visual Micro 01

Y por cierto, me apunto un post especial para el trabajo con Intel Galileo y Visual Micro

ar03

Saludos @ Home

/El Bruno

Referencias:

Visual Micro, http://www.visualmicro.com/

Mis posts sobre Visual Micro, https://elbruno.com/category/informatica-e-internet/visual-micro/

[#GALILEO] Launching apps in the device with #Telnet and analyzing the #debug in the command promt

Hello!

Let’s move on with the Intel Galileo series of posts:

When we created the app “Hello World” in the previous post, Visual Studio deploy and launch the app when we use the debug mode. To launch the app without Visual Studio, you can use Telnet (seen in post 4) with the following steps

1 open a console of commands in administrator mode

2 launch the command

Telnet < name or IP of the device >

3 insert the username and password that we use when we create the SD (post 3)

4. by default the apps that we created in visual studio are deployed to the directory [c:\test], so we must navigate to it to find our app

Clipboard01

5. we launched the app

Clipboard01

6. If we remember a little code example, in it we changed the LED ON and OFF state. In every change we also used the Log() statement to send debug information.

Clipboard02

In Visual Studio this information is in the Output panel, and if we launch the app from the telnet console you should see it in the console. As always a video is better than all this post

Greetings @ Home

/El Bruno

[#GALILEO] Lanzando apps en el device con #Telnet y analizando el #debug en la ventana de comandos

Hola!

Sigo con la serie de posts sobre Intel Galileo

  1. [GALILEO] HowTo: Actualizar el firmware en Intel Galileo
  2. [GALILEO] HowTo: Instalar Intel Galileo drivers en Windows10
  3. [GALILEO] HowTo: Crear un SD booteable para trabajar en Intel Galileo desde VisualStudio
  4. [GALILEO] Conectando Windows10 al Intel Galileo
  5. [GALILEO] HowTo: Configurar las credenciales en Windows10 para acceder como recurso de red
  6. [GALILEO] Hola mundo desde Visual Studio 2013

Cuando creamos la app “Hola Mundo” en el post anterior, el lanzamiento de la misma lo hacía directamente Visual Studio cuando poníamos el modo debug. Para lanzar la app sin Visual Studio, podemos utilizar Telnet (visto en el post 4) con los siguientes pasos

1. Abrimos una consola de comandos en modo administrador

2. Lanzamos el comando

telnet <nombre o IP del device>

3. Introducimos el usuario y password que utilizamos cuando creamos la SD (post 3)

4. Por defecto las apps que creamos en visual studio se despliegan al directorio [c:\test], asi que debemos navegar al mismo para encontrar nuestra app

Clipboard01

5. Lanzamos la app

Clipboard01

6. Si recordamos un poco el código de ejemplo, en el mismo cambiábamos el estado del LED en ON y OFF. En cada cambio además utilizábamos la instrucción Log() para enviar información de depuración.

Clipboard02

En Visual Studio esta información se ve en el panel de Output, y si lanzamos la app desde la consola de telnet veremos la misma en la consola. Como siempre un video es mejor que todo este post

Saludos @ Home

/El Bruno

[#VS2013] Solution Start Page, interesante extensión para eventos

Buenas!

Como comentaba ayer, queda poco tiempo para Microsoft DotNet Spain Conference, y claro, en estas sesiones de poco más de 60 minutos, es muy conveniente tener todas las ejemplos de código a mano. Una opción es tener los shortcuts en un único sitio y cargarlos desde allí, sin embargo para seguir aprendiendo, siempre hay que probar cosas nuevas. Y hoy me encuentro con esta extensión “Solution Start Page“.

Una vez, instalada, podemos activar la Start Page personalizable, directamente desde las opciones de Visual Studio

Clipboard01

Y luego la Start Page, tiene 2 modos. El modo edición, donde podemos editar diferentes secciones con accesos directos a soluciones en local

Clipboard02

Y luego la opcion de uso clásico donde veremos las mismas

Clipboard04

La verdad que bastante interesante, le daré un par de meses de prueba y a ver que tal 😀

Saludos @ Home

/El Bruno

Download: https://visualstudiogallery.msdn.microsoft.com/de5a8b10-d521-43ba-8af4-938c19b10ec9