użyłem Xampp i JetBrain WebStorm do uruchomienia projektu AngularJS. Ale jest to skomplikowane i mało wydajne, czy istnieje inny sposób na uruchomienie projektu AngularJS?
użyłem Xampp i JetBrain WebStorm do uruchomienia projektu AngularJS. Ale jest to skomplikowane i mało wydajne, czy istnieje inny sposób na uruchomienie projektu AngularJS?
Odpowiedzi:
Jeśli używasz serwera http node.js , jest to bardzo łatwe.
cd
do folderu projektu i
npx http-server -o
# or, install it separately so you don't need npx
npm install -g http-server
http-server -o
-o
to otwarcie przeglądarki na stronie. Uruchom, http-server --help
aby wyświetlić inne opcje, takie jak zmiana numeru portu
node
?te inne jednolinijkowe mogą być łatwiejsze, jeśli nie masz node
/ npm
zainstalowano.
Na przykład język Python jest preinstalowany w większości systemów, więc poniższe serwery języka Python Johna Doe byłyby szybsze.
MacOS jest instalowany z ruby, więc jest to kolejna łatwa opcja, jeśli używasz komputera Mac:
ruby -run -ehttpd . -p8000
i otwórz przeglądarkę, aby http://localhost:8000
.
Python ma wbudowane polecenie przeznaczone specjalnie do uruchamiania serwera WWW:
Python3.x:
python -m http.server 8000
Inne wersje:
python -m SimpleHTTPServer 8000
Uruchomiłby serwer WWW na porcie 8000
(Python jest do tego warunkiem wstępnym; jeśli nie masz zainstalowanego Pythona, inne odpowiedzi mogą być łatwiejsze)
python -m http.server 8000
Możesz zacząć od zainstalowania Node.js z terminala lub cmd:
apt-get install nodejs-legacy npm
Następnie zainstaluj zależności:
npm install
Następnie uruchom serwer:
npm start
cd <your project folder>
(gdzie jest kod do wdrożenia twojego angularjs)
sudo npm install serv -g
służyć
Możesz trafić na swoją stronę pod adresem
localhost: 3000 lub adres IP: 3000
Używam:
Zainstaluj Node.js. i npm. npm jest instalowany z Node.js.
Umieszczony w głównym katalogu projektu
$ cd <your_angularjs_project>
Następne polecenie tworzy plik package.json
$ npm init
Zainstaluj express ==> Szybka, bez opinii, minimalistyczna dla węzła:
$ npm install express --save
Zainstaluj oprogramowanie pośredniczące morgan ==> rejestratora żądań HTTP dla node.js.
$ npm install morgan --save
utwórz plik server.js
dodaj następujący kod w pliku 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);
});
Na koniec uruchom projekt AngularJS na serwerze localhost:
$ node server.js
Użyj pakietu npm local-web-server.
https://www.npmjs.com/package/local-web-server
$ npm install -g local-web-server
$ cd <your-app-folder>
$ ws
Możesz też biegać
$ ws -p 8181
-p definiuje port, którego chcesz użyć
Następnie przejdź do przeglądarki i uzyskaj dostęp do http: localhost: 8181 /
ng służyć
To polecenie działa w terminalu po lokalizacji folderu projektu, takiej jak ~/my-app$
Następnie uruchom polecenie - pokaże ono, że serwer deweloperski URl NG Live nasłuchuje localhost:4200
Otwórz przeglądarkę pod adresem http: // localhost: 4200
Aplikację kątową można wdrożyć przy użyciu dowolnego serwera WWW na hoście lokalnym. Poniższe opcje przedstawiają instrukcje wdrażania dla kilku możliwych wdrożeń serwera WWW w zależności od wymagań dotyczących wdrożenia.
Windows IIS musi być włączony
1.1. W systemie Windows otwórz Panel sterowania i kliknij Dodaj lub usuń programy.
1.2. W oknie Dodaj lub usuń programy kliknij Dodaj / Usuń składniki systemu Windows.
1.3. Zaznacz pole wyboru Internetowe usługi informacyjne (IIS), kliknij przycisk Dalej, a następnie kliknij przycisk Zakończ.
1.4. Skopiuj i wyodrębnij plik Angular Application Zip do katalogu głównego serwera WWW: C: \ inetpub \ wwwroot
"Zakładając, że masz zainstalowany nodejs",
mini-http jest całkiem prostym narzędziem wiersza poleceń do tworzenia serwera http,
zainstaluj pakiet globalnie, npm install mini-http -g
a następnie używając cmd (terminala) uruchomionego mini-http -p=3000
w katalogu projektu I bum! utworzyłeś serwer na porcie 3000 teraz przejdź do http: // localhost: 3000
Uwaga: określenie portu nie jest wymagane, możesz po prostu uruchomić mini-http
lub mh
uruchomić serwer
Jeśli jesteś typem Java, umieść folder kątowy w folderze treści WWW swojej aplikacji internetowej i wdróż go na serwerze Tomcat. Super łatwe!
Zakładając, że masz już zainstalowany node.js, możesz użyć synchronizacji przeglądarki do zsynchronizowanego testowania przeglądarki.
Jeśli używasz programu Visual Studio Community lub dowolnej innej wersji dla swojego projektu kątowego, przejdź do folderu projektu, najpierw wpisz
C: \ Project Folder> npm install -g http-server Zobaczysz co następuje: + http-server@0.11.1 dodane 25 pakietów w 4.213s
Następnie wpisz C: \ Project Folder> http-server –o
Zobaczysz, że Twoja aplikacja zostanie automatycznie wyświetlona pod adresem http://127.0.0.1:8080/
Możesz również skonfigurować środowisko w kodzie Visual Studio. Uruchom Ctrl + Shift + P, następnie wpisz ctr w wyświetlonym polu i wybierz zadania: Skonfiguruj Task Runner, Następnie zmień plik task.json na następujący:, { "version": "0.1.0", "command": "explorer", "windows": { "command": "explorer.exe" }, "args": ["index.html"] }
zapisz zmiany, Następnie wybierz plik index.html i wpisz Ctrl + Shift + B. Spowoduje to otwarcie projektu w domyślnej przeglądarce.