dir.by  
  Поиск  
Программирование, разработка, тестирование
Angular
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
  Посмотрели 2039 раз(а)    
 Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new 
последнее обновление: 4 августа 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/).
 
← Предыдущая тема
Что такое Angular 8?
 
Следующая тема →
Создаем новое web приложение с Angular 8 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
 
Ваши Отзывы ... комментарии ...
   
Вашe имя
Ваш комментарий (www ссылки может добавлять только залогиненный пользователь)

Картинки

Объявления
Объявления
Angular  
Что такое Angular 8?
Новое приложение Angular 8
Вариант 1. Создаем новое Angular приложение с консоли командой angular/cli (50 файлов)
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
Вариант 2 (для меня лучший). Создаем новое Angular приложение сами (8 файлов)
Создаем новое web приложение с Angular 8 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
Что происходит при запуске Angular 8 приложения? Запуск main.ts файла. Создание модуля.
Angular 9
Создаем новое web приложение с Angular 9 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
Angular 12
Создаем новое web приложение с Angular 12 в Visual Studio Code. Используем: Node.js + Angular (пишем нашу компоненту в ts файле) + Typescript (конвертация файлов ts в js)
В web приложение с Angular 12 добавляем маршрутизацию (router)
Описание Angular
Модули в Angular
Компоненты в Angular
Привязка данных в Angular
Ошибки
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 для Angular
Используем Docker в проекте с Angular (под Windows)
Angular Flex-Layout
Angular Flex-Layout
WWW сайты для изучения Angular
Сайты для изучения Angular

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