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) and TypeScript (see our dedicated website) .


+ Environment (basic configuration for Windows/Mac users)

-- Using Angular, Node, JS, TS and NPM

In order to use Angular, 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 -  In Visual Studio Code, install Volar extension (follow the steps). Then, we need to init your App. :

npm init vue@latest

6 - Answer to all the questions ; give the name firstProject to your App., accept TypeScript installation too, JSX support, Vue Router for single page application, Vinia, Vitest for Unit Testing. Say No to End-to-End Testing Solution, yes to Eslint for code quality, yes to Prettier for Code Formatting. Then type this :

cd firstProject
npm install
npm run format
npm run dev

7 - Then type :

npm run build

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


Fond of Code TM © ®
2022 / All rights reserved - Protected Trademark/Logo

Legal structure based in
Nice - FRANCE / Montreal - CANADA
Only by appointment...