Как создать сервер localhost для запуска проекта AngularJS

Ответ 1

Если вы используете node.js http-server, это очень просто. Установите: npm install -g http-server. После установки cd в папку проекта и запустите http-server -o. -o - открыть браузер на странице.

Ответ 2

Python имеет встроенную команду специально для раскрутки веб-сервера:

Python3.x:

python -m http.server 8000

Другие версии:

python -m SimpleHTTPServer 8000

Запустил бы веб-сервер на порту 8000

(Python является обязательным условием для этого; если у вас не установлен Python, другие ответы могут быть проще)

Ответ 3

Вы можете начать с установки Node.js с терминала или cmd:

apt-get install nodejs-legacy npm

Затем установите зависимости:

npm install

Затем запустите сервер:

npm start

Ответ 4

cd <your project folder> (где находится ваш расширяемый код angularjs)

sudo npm install serve -g

служить

Вы можете попасть на страницу

localhost: 3000 или IPaddress: 3000

Ответ 5

Я использую:

• express и
• Морган
  
  

Установите Node.js. и npm. npm устанавливается с помощью Node.js

Размещено внутри корневого каталога проекта

$ cd <your_angularjs_project>

Следующая команда создает package.json

$ npm init

Установить express == > Быстрое, unopinionated, минималистическое для node:

$ npm install express --save

Установите morgan == > промежуточное ПО протокола запроса HTTP для Node.js

$ npm install morgan --save

создать файл server.js

добавить следующий код в файл server.js

// Required Modules
var express    = require("express");
var morgan     = require("morgan");
var app        = express();

var port = process.env.PORT || 3002;

app.use(morgan("dev"));
app.use(express.static("./"));

app.get("/", function(req, res) {
    res.sendFile("./index.html"); //index.html file of your angularjs application
});

// Start Server
app.listen(port, function () {
    console.log( "Express server listening on port " + port);
});

Наконец, запустите проект AngularJS на локальном сервере:

$ node server.js

Ответ 6

• Run

ng serve

Эта команда запускается в вашем терминале после вашего местоположения папки проекта, например ~/my-app$

• Затем запустите команду - он покажет, что URl NG Live Development Server прослушивает localhost:4200

• Откройте ваш браузер на http://localhost:4200

Ответ 7

"Предположим, что у вас установлен nodejs",

mini-http - довольно простой инструмент командной строки для создания http-сервера,
установить пакет по всему миру npm install mini-http -g
затем используя ваш cmd (terminal) run mini-http -p=3000 в каталоге проекта И бум! вы создали сервер на порту 3000, теперь проверьте http://localhost:3000

Примечание: указание порта не требуется, вы можете просто запустить mini-http или mh, чтобы запустить сервер

Ответ 8

Если вы являетесь java-парнем, просто разместите свою папку angular в папке веб-содержимого вашего веб-приложения и разверните ее на своем сервере tomcat. Супер легко!

Ответ 9

Использовать пакет npm для локального веб-сервера.

https://www.npmjs.com/package/local-web-server

$ npm install -g local-web-server
$ cd <your-app-folder>
$ ws

Кроме того, вы можете запустить

$ ws -p 8181

-p определяет порт, который вы хотите использовать

После этого просто зайдите в свой браузер и получите доступ к http: localhost: 8181/

Ответ 10

Угловое приложение может быть развернуто с использованием любого веб-сервера на localhost. Параметры ниже описывают инструкции по развертыванию для нескольких возможных развертываний веб-сервера в зависимости от ваших требований к развертыванию.

Microsoft Internet Information Services (IIS)

1. Windows IIS должен быть включен

   1.1. В Windows откройте панель управления и нажмите "Установка и удаление программ".

   1.2. В окне "Установка и удаление программ" нажмите "Установка и удаление компонентов Windows".

   1.3. Установите флажок "Информационные службы Интернета" (IIS), нажмите "Далее" и нажмите "Готово".

   1.4. Скопируйте и извлеките файл Angular Application Zip в корневой каталог веб-сервера: C:\inetpub\wwwroot

2. Доступ к приложению Angular теперь можно получить по следующему URL: http://localhost: 8080

Легкий веб-сервер NPM

1. Установка облегченного веб-сервера 1.1. Загрузите и установите npm по адресу: https://www.npmjs.com/get-npm 1.2. После установки npm откройте командную строку и введите: npm install -g http-сервер 1.3. Извлеките угловой файл Zip
2. Чтобы запустить веб-сервер, откройте командную строку и перейдите в каталог, в который ранее вы извлекли Angular, и введите: http-сервер
3. Теперь к приложению Angular Application можно получить доступ по следующему URL: http://localhost: 8080

Веб-сервер Apache Tomcat

1. Установка Apache Tomcat версии 8 1.1. Загрузите и установите Apache Tomcat по адресу: https://tomcat.apache.org/ 1.2. Скопируйте и извлеките файл Angular Application Zip в корневой каталог веб-сервера C:\Program Files\Apache Software Foundation\Tomcat 7.0\webapps
2. Теперь к Angular Application можно получить доступ по следующему URL: http://localhost: 8080

Ответ 11

Предполагая, что у вас уже установлено node.js, вы можете использовать синхронизацию браузера для синхронизации тестирования браузера.

Ответ 12

Если вы использовали Visual Studio Community или любое другое издание для своего углового проекта, перейдите в папку проекта, сначала введите

C:\Project Folder> npm install -g http-сервер Вы увидите следующее: + [email protected] добавил 25 пакетов в 4.213s

Затем введите C:\Project Folder> http-сервер –o

Вы увидите, что ваше приложение автоматически появляется по адресу http://127.0.0.1:8080/.

Ответ 13

Вы также можете настроить среду в визуальном коде студии. Запустите Ctrl + Shift + P, затем введите ctr в появившемся окне и выберите задачи: Настройте Task Runner, Затем измените файл task.json на это: { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }, сохраните ваши изменения. Затем выберите файл index.html и введите Ctrl + Shift + B. Это откроет проект с вашим браузером по умолчанию.