


How to install and use Angular CLI? (Detailed explanation with pictures and text)
This article will introduce you to the Angular CLI installation and usage tutorial. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.
Introduction:
Regarding the "Angular" version, "Angular" has officially named Angular 1.x as Angular JS, Angular 2.x and The above are collectively referred to as "Angular".
Related tutorial recommendations: "angular Tutorial"
"CLI" is the abbreviation of "Command Line Interface", which is a Command line interface to realize automated development process.
For example: ionic-cli, vue-cli, etc.; it can create projects, add files (components, services, etc.) and perform a lot of development tasks, such as testing, packaging and publishing
Install Angular CLI
1. You need to install nodejs and npm
Node official website address: https://nodejs.org/en
2. Install typescript globally, angular recommended Written using typescript (.ts file).
Typescript official website address: http://www.typescriptlang.org/index.html
Use command:
npm install -g typescript
3. Install angular-cli
Angular-cli official website address: https://cli.angular.io/
Use command:
npm install -g @angular/cli
Image
Note: Because of the time to install angular-cli It's a bit early, but it doesn't matter if it's not my version when you install it
Create a new Angular project
Use the command new
// ngStudy 是工程名称可以随意修改的 ng new ngStudy
Project icon
Note: You need to wait for a long time, because this requires downloading node_modules, which is more than 140 MB
Generated project structure:
Run the Angular project
Use the command serve
//需要进入工程的目录中 ng serve
Run the icon
Interface access
Written at the end
1. During the installation process, because many dependent packages are from abroad, you may not be able to download them.
1.1 You can try to modify the npm image and change it to Taobao's
1.2 Download through the "Blue Lantern" agent
2. For the directory structure of the project, you can refer to the official Instructions on the Chinese website: https://angular.cn/guide/quickstart
3. Command line usage address: https://github.com/angular/angular-cli/wiki Paste the official one Diagram of commonly used commands
4. Introduce the version method of updating angular-cli
You can directly use npm install -g @angular/cli to update
For more programming-related knowledge, please visit: Introduction to Programming! !
The above is the detailed content of How to install and use Angular CLI? (Detailed explanation with pictures and text). For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics











This article continues the learning of Angular, takes you to understand the metadata and decorators in Angular, and briefly understands their usage. I hope it will be helpful to everyone!

Angular.js is a freely accessible JavaScript platform for creating dynamic applications. It allows you to express various aspects of your application quickly and clearly by extending the syntax of HTML as a template language. Angular.js provides a range of tools to help you write, update and test your code. Additionally, it provides many features such as routing and form management. This guide will discuss how to install Angular on Ubuntu24. First, you need to install Node.js. Node.js is a JavaScript running environment based on the ChromeV8 engine that allows you to run JavaScript code on the server side. To be in Ub

Do you know Angular Universal? It can help the website provide better SEO support!

How to use monaco-editor in angular? The following article records the use of monaco-editor in angular that was used in a recent business. I hope it will be helpful to everyone!

This article will share with you an Angular practical experience and learn how to quickly develop a backend system using angualr combined with ng-zorro. I hope it will be helpful to everyone!

With the rapid development of the Internet, front-end development technology is also constantly improving and iterating. PHP and Angular are two technologies widely used in front-end development. PHP is a server-side scripting language that can handle tasks such as processing forms, generating dynamic pages, and managing access permissions. Angular is a JavaScript framework that can be used to develop single-page applications and build componentized web applications. This article will introduce how to use PHP and Angular for front-end development, and how to combine them

This article will give you an in-depth understanding of Angular's state manager NgRx and introduce how to use NgRx. I hope it will be helpful to you!

Authentication is one of the most important parts of any web application. This tutorial discusses token-based authentication systems and how they differ from traditional login systems. By the end of this tutorial, you will see a fully working demo written in Angular and Node.js. Traditional Authentication Systems Before moving on to token-based authentication systems, let’s take a look at traditional authentication systems. The user provides their username and password in the login form and clicks Login. After making the request, authenticate the user on the backend by querying the database. If the request is valid, a session is created using the user information obtained from the database, and the session information is returned in the response header so that the session ID is stored in the browser. Provides access to applications subject to
