Skip to content

Latest commit

 

History

History
134 lines (82 loc) · 4.3 KB

install-ms-windows.md

File metadata and controls

134 lines (82 loc) · 4.3 KB
Raw

MS Windows - Install Development Tools

In this guide, we will install the following development tools

  • Visual Studio Code
  • node
  • npm
  • tsc

Versions

This course has been tested with the following software versions:

  • npm 8.15
  • node 16.17.0
  • tsc 4.7.4
  • React 18.2.0
  • Spring Boot 2.7.3

It is highly recommended that you use the versions listed above to make sure you do not encounter any issues with the course. If you choose to use other versions then the code may not work as expected.

Install Visual Studio Code

Visual Studio Code is a general purpose IDE that support many programming languages. Visual Studio Code has built-in support for TypeScript.

  1. In a web browser, visit https://code.visualstudio.com/

  2. Follow the link to download Visual Studio Code for MS Windows

  3. Run the Installer

  4. Follow the steps in the Installer

Install Node

Node is the the runtime environment for executing JavaScript code from the command-line. By using Node, you can create any type of application using JavaScript including server-side / backend applications.

In this course, we'll use Node to run applications that we develop using TypeScript and React.

Note: This course has been tested with Node 16.17.0. We will install this version.

  1. In your web browser, visit https://nodejs.org/download/release/v16.17.0/

  2. Select the Windows Installer (.msi) for your system (32-bit or 64-bit)

  3. Run the Installer

  4. Follow the steps in the Installer

  5. Open a Command Prompt window to verify the node installation

  6. In the Command Prompt window, type the following command:

    node --version

    If the installation is successful, you will see the version number

    Note: The Node installation also includes npm (Node Package Manager).

  7. Verify npm is installed

    npm --version

    If the installation is successful, you will see the version number.

    Note: node will have a different number than npm. This is similar to a different Java JDK version number compared to Maven version number.

    In this example, node is similar to the Java JDK. And npm is similar to Maven.

Install tsc

tsc is the TypeScript compiler. We use tsc to compile TypeScript code into JavaScript code. We can install the TypeScript compile using the Node Package Manager (npm)

Note: This course has been tested with TypeScript 4.7. We will install this version.

  1. In your Command Prompt window, enter the following command

    npm install --location=global typescript@4.7.4

    The "--location=global" installs this as a global package. The TypeScript compiler will be available to all directories for this user.

  2. You can verify the installation

    tsc --version

    If the installation is successful, you will see the version number.

That's it! You have successfully installed the development tools: Visual Studio Code, node, npm and tsc.

Troubleshooting

Permissions Issue with tsc

  1. If you get the following error when executing tsc command using PowerShell:

    tsc : File C:\Users\johndoe\AppData\Roaming\npm\tsc.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.

At line:1 char:1
+ tsc sample-datatypes.ts
+ ~~~
    + CategoryInfo          : SecurityError: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

  2. You can resolve this issue with the following steps:

    1. Run Visual Studio Code as Administrator

    2. In the Terminal Window of Visual Studio Code, run Set-ExecutionPolicy RemoteSigned on PowerShell.

    This troubleshooting tip was contributed by Fabio Gomes Sakiyama. Thanks Fabio!!

Typescript: 'tsc' is not recognized as an internal or external command

  1. If you get the following error when executing tsc command:

    Typescript: 'tsc' is not recognized as an internal or external command

  2. You can resolve this issue with the following:

    1. Add the npm installation folder to your "user variables" AND "environment variables"

    This troubleshooting tip was contributed by Chris. Thanks Chris!!

© 2022, luv2code LLC - All rights reserved.