Book Image

Developing Multi-Platform Apps with Visual Studio Code

By : Ovais Mehboob Ahmed Khan, Khusro Habib
Book Image

Developing Multi-Platform Apps with Visual Studio Code

By: Ovais Mehboob Ahmed Khan, Khusro Habib

Overview of this book

Microsoft Visual Studio Code is a powerful, lightweight code editor for modern web and cloud development. It is a source code editor that can be used with a variety of programming languages, which works on multiple platforms such as Linux, Windows, and macOS. This book provides extensive coverage of the tools, functionalities, and extensions available within the VS Code environment that will help you build multi-platform apps with ease. You’ll start with the installation of VS Code and learn about various tools and features that are essential for development. Progressing through the chapters, you'll explore the user interface while understanding tips and tricks for increasing productivity. Next, you’ll delve into VS Code extensions and discover how they can make life easier for developers. Later, the book shows you how to develop a sample application with different programming languages, tools, and runtimes to display how VS code can be used effectively for development, before helping you get to grips with source code version management and deployment on Azure with VS Code. Finally, you’ll build on your skills by focusing on remote development with VS Code. By the end of this book, you’ll have the knowledge you need to use Visual Studio Code as your primary tool for software development.
Table of Contents (15 chapters)
1
Section 1: Introduction to Visual Studio Code
4
Section 2: Developing Microservices-Based Applications in Visual Studio Code
11
Section 3: Advanced Topics on Visual Studio Code

Technical requirements

Before we start developing the application, let's go through the steps for setting up the environment.

Installing Node.js

The first step to set up the environment for developing an Angular app is to install the Node.js framework. You can do this by downloading the required version from https://nodejs.org/en/download/.

To check the existing node version, run node –v in a terminal window.

The Node.js installation will install the npm (Node Package Manager) CLI. To check the npm version, run npm –v in a terminal window.

Installing the Angular CLI

Angular provides a CLI to speed up the development of an Angular application. This CLI helps in quickly generating the app structure, modules, components, services, and pipes, among other aspects.

Since we will be using the CLI to develop this application, let's first install the CLI using the recently installed npm. Open a terminal window and run the following command:

...