Preriquisites
+ 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) .
Summary
+ 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 npm5 - 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...
