>  기사  >  웹 프론트엔드  >  AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정

AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정

寻∝梦
寻∝梦원래의
2018-09-08 16:59:542344검색

이 글은 주로 angularjs를 사용하여 웹 서버를 시작하는 작업을 소개합니다. 모두에게 도움이 되기를 바랍니다. 지금 글을 읽어보세요

node.js 설치

다운로드 링크

공식 웹사이트 주소: https :/ /nodejs.org/en/
압축해제된 버전을 다운받았으니, 설치하려는 디렉터리에 직접 압축을 푼다
내 컴퓨터(마우스 오른쪽 버튼 클릭) → 속성 → 고급 시스템 변수 → 환경 변수

Write NODE_PATH

AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정

경로에 추가

AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정node -v
노드 버전은 콘솔에서 확인할 수 있습니다

 v6.11.4

웹서버 설치

npm install connect
npm install serve-static

server.js 파일을 작성하세요. 책에 있는 버전은 버전 2입니다. x, 지금은 3입니다. 버전 Bootstrap css 파일 및angular.js

angularjs 폴더 다운로드 주소: 다운로드하려면 클릭하세요.

angularjs 폴더 아래에 새 FirstTest.html을 만듭니다.

var connect = require('connect');
    serveStatic = require('serve-static');
var app = connect();
app.use(serveStatic("../angularjs"));
app.listen(5000);

웹 서버 시작
AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정nodejs 설치로 이동합니다. 디렉토리

<!DOCTYPE html><html ng-app><head>
    <title> First Test</title>
    <script src="angular.js"></script>
    <link href="bootstrap.css" rel="stylesheet" />
    <link href="bootstrap-grid.css" rel="stylesheet" /></head><body>
    <p class="btn btn-dark">{{ "AngularJS" }}</p>
    <p class="btn btn-success">Bootsstrap</p></body></html>

브라우저 보기 http:/ /localhost:5000/FirstTest.html

효과는 다음과 같습니다.

이 글은 여기서 끝납니다. (자세한 내용을 보려면 PHP 중국어 웹사이트를 방문하세요

AngularJS User Manual

컬럼을 참조하세요. 궁금한 점이 있으면 아래에 질문을 남겨주세요.


위 내용은 AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.