×
=0) { let js = text.slice(pos1, pos2); + '<\/' + "script" + '>'; arrText.push(js); // next pos1 = pos2; continue; } } } break; } return arrText; } function OpenDialog(parentDiv, urlContent) { parentDiv = document.getElementById('modal-background'); // new !!!!!!! parentDiv.appendChild(document.getElementById('modal-template')); document.getElementById('modal-background').style.display = "block"; document.getElementById('modal-template').style.display = "flex"; // !!!!! document.getElementById('modal-body').innerHTML = ""; post_url(urlContent, "", function(text_from_server) { var element = document.getElementById('modal-body'); element.innerHTML = text_from_server; // add scripts var arrJSText = get_scripts(text_from_server); for (var i=0; i
dir.by
Праздники ...
Праздники ...
День Святого Валентина (14 Февраля)
Концерты, выставки, цирки ...
Концерты, выставки, цирки ...
Выставка "Моя Беларусь" г. Минск с 19 декабря 2025 по 23 февраля 2026
Афишу
Спорт занятия ...
Спорт занятия ...
Занятия в тренажерном зале
Спорт занятие
Компьютеры, игры, программирование
Компьютеры, игры, программирование
Объявления ...
Объявления ...
Бережная перевозка лежачих больных
Объявление
Форум (ваши вопросы, обсуждение)
Форум (ваши вопросы, обсуждение)
Search
Programming, development, testing
→
Angular
→
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
Looked at
4360
times
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
last updated: 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
Что такое 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)
+ Picture
Экскурсии по Москве: пешеходные, автобусные и речные прогулки на любой вкус
Объявления
Объявления
•
Что такое Angular 8?
Новое приложение Angular 8
Вариант 1. Создаем новое Angular приложение с консоли командой angular/cli (50 файлов)
•
Создаем новое web приложение с Angular 8. Используем командную строку: npx -p @angular/cli@8.1.0 ng new
Вариант 2 (для меня лучший). Создаем новое Angular приложение сами (8 файлов)
•
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)
•
Что происходит при запуске 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
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 для Angular
•
Используем Docker в проекте с Angular (под Windows)
Angular Flex-Layout
•
Angular Flex-Layout
WWW сайты для изучения Angular
•
Сайты для изучения Angular
Ваши вопросы присылайте по почте:
info@dir.by