dir.by  
  Поиск  
Компьютер, программы
Angular
 Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new 
посмотрели 5929 раз
обновлено: 4 Augusta 2020
Шаг 1. Чтобы создать новое angular приложение через командную строку нужно чтобы пакет npx был установлен.
Установим глобальный npx пакет для этого в командной строке выполним:
npm install -g npx
 
Шаг 2. Создаем новое angular приложение через командную строку.
Для этого в командной строке выполним:
npx -p @angular/cli@8.1.0 ng new
 
Шаг 3. Запускаем Angular приложение.
Для этого в командной строке выполним:
npm run start
 
Шаг 4. Смотрим результат.
В браузере Google Chrome открываем новую страницу и вводим адрес http://localhost:4200/
 
На заметку!
Если вы меняете текст в файле html или ts эта страница в браузере Google Chrome автоматически обновляется.
Потому что работает команда ng serve

Объяснение откуда выполняется ng serve:
Когда мы выполняем в командной строке npm run start , то запускается скрипт start.
Скрипт start определен в файле package.json.
Файл D:/example/package.json:
{
...
    "scripts": {
        "start": "ng serve"
    }
...
}
Скрипт start выполняет angular команду ng serve.
ng serve постоянно следит за изменениями в файлах и обновляет страницу в браузере.
ng serve это еще локальный web server (потому что в браузере мы видим http://localhost:4200/).
 
← Previous topic
What is Angular 8?
 
Next topic →
Create a new web application with Angular 8 in Visual Studio Code. We use: Node.js + Angular (write our component in ts file) + Typescript (convert files ts to js)
 
Your feedback ... Comments ...
   
Your Name
Your comment (www links can only be added by a logged-in user)

  Объявления  
  Объявления  
 
What is Angular 8?
New Angular 8 application
Option 1. Creating a new Angular application from the console with the angular/cli command (50 files)
Creating a new web application with Angular 8. Using the command line: npx -p @angular/cli@8.1.0 ng new
Option 2 (the best for me). Creating a new Angular application yourself (8 files)
Create a new web application with Angular 8 in Visual Studio Code. We use: Node.js + Angular (write our component in ts file) + Typescript (convert files ts to js)
What happens when I start an Angular 8 application? Run main.ts file. Creating a module.
Angular 9
Creating a new web application with Angular 9 in Visual Studio Code. Use: Node.js + Angular (write our component in the ts file) + Typescript (convert ts files to js)
Angular 12
Creating a new web application with Angular 12 in Visual Studio Code. Use: Node.js + Angular (write our component in the ts file) + Typescript (convert ts files to js)
Adding routing (router) to the web application with Angular 12
Angular Description
Modules in Angular
Components in Angular
Binding data in Angular
Errors
Error "npm : The term "npm" is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spell included, verify that the path is correct and try again. " | nodejs npm angular
Error "npm ERR! While resolving: @angular/flex-layout@12.0.0-beta.35 | Could not resolve dependency: | Conflicting peer dependency: @angular/cdk@12.2.13" | nodejs npm angular
ng serve Error "ng : The term "ng" is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spellin the path is correct and try again. " | nodejs npm angular
ng serve Error "File ng.ps1 cannot be loaded. The file ng.ps1 is the current system. " | nodejs npm angular
Error "Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js)" | nodejs npm angular
Docker for Angular
Using Docker in a project with Angular (for Windows)
Angular Flex-Layout
Angular Flex-Layout
WWW Sites to Learn Angular
Sites to learn Angular

  Ваши вопросы присылайте по почте: info@dir.by