Reading Notes #207

Suggestion of the week

• A Beginner’s Mind - A very inspiring article, especially for the younger, but also for the more experienced, that want to keep their interior flame.

Cloud

• Build it, Use it, Destroy it! - Interesting thoughts about a different approach when working with VMs.
  
• Public Cloud Anxiety – Dealing with maintenance & failures of VMs (marc) - Very nice pot that explains how Azure can be stable even during "bad" events.
  
• How to Incorporate Application Insights into a JavaScript Web App (Mansib Rahman) - An incredibly detail and precise tutorial about Application Insights.
  
• Playing with Azure Connectors (Adarsha Datta) - Twilio IFTTT and Logic App are incredible connectors.

Databases

• How to create a MySQL Database on Azure (Susan Ibach) - Excellent post that explains how to have a MySQL database in Azure.
  
• October update for Azure SQL Data Warehouse (Matt Usher) - Learn more about the latest improvements.

Programming

• Lazy Loading Images on the Web - (Brian Rinaldi) - Very cool post that share (and explains) a lot of tools and frameworks to implement a lazy loading process.
  
• Integrating Visual Studio Code with dnx-watch to develop ASP.NET 5 applications - Cool task in VsCode to auto-refresh asp.net website.
  
• It's happening - OpenSSH for Windows...from Microsoft - Great news for any and every PowerShell user. We are moving forward!
  
• An Introduction to the new TFS/VSO Build System (Lachezar Arabadzhiev) - Great video that will give you everything you need for doing your next project in VSO.
  
• ASP.NET - ASP.NET 5 Anywhere with OmniSharp and Yeoman - Amazing post, the perfect starting point to all developers on Mac... or Linux.
  
• Visual Studio - Bower: Modern Tools for Web Development - Fantastic post that demystify bower and an excellent tutorial.
  
• How to use Visual Studio Online to Streamline Your Application Development with Agile Methodology (Mansib Rahman) - Great tutorial that gives us a little tour of VSO work section.

Miscellaneous

• My Story: How I work, the services I use (Simon May) - Interesting post where the author shares his favourite tools and how he uses them.

First VSCode Tasks in less than 5 minutes

I'm working on solution to automating the generation of my weekly post: Reading Notes. While this work is finished, I still need to do many steps manually. I introduced in a previous post VSCode, that already supports markdown. In fact, from any markdown file, you can press Ctrl+Shift+V to preview the oupput. However, today, it's not possible to do anything with this preview. This post explains how we can use VSCode task to fix this problem.

Goal

Create a task that will quickly transform my current open markdown file in HTML.

Step 1 - Get a Markdown parser

First, we need Markdown parser. I'm sure many different are available, but in this post, I will use markdown-js, a Node.js parser that is available on github. To install it, just execute the following command:

npm install -g markdown

Step 2 - Create a Task

Secondly, we need to create our task. Open Visual Studio Code, and type Ctrl+Shift+P to open the Command Palette and then start typing Configure Task. Press Enter or select “Configure Task Runner”. This will create a new file tasks.jon, with many different samples of tasks. Before you replace the content of the page by the following code, take a look at the comment block at the top of the page. You will see different context variables that are available.

// Simple Task to transform MarkDown to Html
{
    "version": "0.1.0",
    "command": "md2html",
    "isShellCommand": true,
    "args": ["${file}"]
}

This defines our task using the json format. The command name in this case is md2html and we pass the name of the current open file as parameter using the variable ${file}. Finally, the "isShellCommand" is set to true so the task will be triggered by pressing Ctrl+Shift+B.

Step 3 - Try it

To try it, open a markdown page, hit Ctrl+Shift+B, and voilà! You should see in the output the HTML code generated.

References

• Node.js
• Markdown-js
• Visual Studio Code - Docs

~Frank