AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정-JS 튜토리얼-php.cn

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

寻∝梦

풀어 주다： 2018-09-08 16:59:54

원래의

2364명이 탐색했습니다.

이 글은 주로 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(&#39;connect&#39;);
    serveStatic = require(&#39;serve-static&#39;);
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!