Global Setup

+ Basics

You must be comfortable with Web development and its native languages like HTML and CSS (see our tutorial) , but above all, you need to know JavaScript (see our dedicated website).

+ Environment (basic configuration for Windows/Mac users)

-- Using TypeScript, Node, JS and NPM.

In order to use TypeScript, you need two things to start :

* Using an IDE like Visual Studio Code (free and powerful) for your project development. If you are a Mac user, you will need to install Homebrew too.

* Node.Js to be installed. You can check your Node version with your Visual Studio Code terminal, by typing this :

node --version

+ Then...

1 -  We will use the latest versions of Node (v18.14.0) and NPM (9.6.4).

2 - Install and open Visual Studio Code.

3 - Open a terminal (MENU -- Terminal -- New Terminal)...

4 - First, we will install npm :

npm install -g npm

5 - Then, use npx command to create your App. folder :

npx create-react-app my-app

6 - When it's done, you can run it with your Visual Studio Code terminal, by typing this:

cd my-app
npm start

7 -  The App. will automatically open on localhost:3000 (or another port). Now, let's create a remote folder (also called build) by typing the build command (in order to work on a remote server. Then, you will need to upload the package on the distant server right after that, using FTP access):

npm run build

8 - Let's install TypeScript, by typing this :

npm install -g typescript

In order to continue reading this page, you have to login or register first...