[angularjs] AngularJS 프로젝트를 실행하기 위해 localhost 서버를 만드는 방법

Xampp 및 JetBrain WebStorm을 사용하여 AngularJS 프로젝트를 실행했습니다. 하지만 복잡하고 성능이 낮은데 AngularJS 프로젝트를 실행하는 다른 방법이 있나요?



답변

node.js를 실행하는 경우 http-server 는 매우 쉽습니다.

cd 프로젝트 폴더에

npx http-server -o

# or, install it separately so you don't need npx
npm install -g http-server
http-server -o 

-o브라우저를 페이지로 여는 것입니다. http-server --help포트 번호 변경과 같은 다른 옵션을 보려면 실행하십시오.

없어 node?

이러한 다른 한 라이너는 당신이하지 않은 경우 쉬울 수 있습니다 node/ npm설치.

예를 들어 파이썬은 대부분의 시스템에 사전 설치되어 있으므로 아래 의 John Doe의 파이썬 서버 가 더 빠릅니다.

MacOS는 Ruby와 함께 설치되므로 Mac을 실행하는 경우 또 다른 쉬운 옵션
입니다. ruby -run -ehttpd . -p8000브라우저를 http://localhost:8000.


답변

Python에는 웹 서버를 구동하기위한 내장 명령이 있습니다.

Python3.x :

python -m http.server 8000

다른 버전 :

python -m SimpleHTTPServer 8000

포트 8000에서 웹 서버를 시작합니다.

(Python은 이에 대한 전제 조건입니다 .python이 설치되어 있지 않으면 다른 답변이 더 쉬울 수 있습니다)


답변

터미널 또는 cmd에서 Node.js를 설치하여 시작할 수 있습니다.

apt-get install nodejs-legacy npm

그런 다음 종속성을 설치하십시오.

npm install

그런 다음 서버를 시작하십시오.

npm start


답변

cd <your project folder>(angularjs의 배포 가능한 코드가있는 곳)

sudo npm install serve -g

서브

당신은 당신의 페이지를 칠 수 있습니다

localhost : 3000 또는 IPaddress : 3000


답변

나는 사용한다:

  • 표현하고
  • 모건

Node.js를 설치합니다. 및 npm. npm은 Node.js와 함께 설치됩니다.

루트 프로젝트 디렉토리에 위치

$ cd <your_angularjs_project>

다음 명령은 package.json을 만듭니다.

$ npm init

빠른 설치 ==> 노드에 대해 빠르고, 의견이없고, 미니멀합니다.

$ npm install express --save

morgan ==> node.js 용 HTTP 요청 로거 미들웨어 설치

$ 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


답변

local-web-server 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 /에 액세스하십시오.


답변

  • 운영
ng 서브

이 명령은 다음과 같은 프로젝트 폴더 위치 후에 터미널에서 실행됩니다. ~/my-app$

  • 그런 다음 명령을 실행하십시오. 그러면 URl NG Live Development Server가 수신 중임을 표시합니다. localhost:4200

  • http : // localhost : 4200 에서 브라우저를 엽니 다 .