AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정
- 寻∝梦원래의
- 2018-09-08 16:59:542387검색
이 글은 주로 angularjs를 사용하여 웹 서버를 시작하는 작업을 소개합니다. 모두에게 도움이 되기를 바랍니다. 지금 글을 읽어보세요
node.js 설치
다운로드 링크
공식 웹사이트 주소: https :/ /nodejs.org/en/
압축해제된 버전을 다운받았으니, 설치하려는 디렉터리에 직접 압축을 푼다
내 컴퓨터(마우스 오른쪽 버튼 클릭) → 속성 → 고급 시스템 변수 → 환경 변수
Write NODE_PATH
경로에 추가
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);웹 서버 시작
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
효과는 다음과 같습니다.
AngularJS User Manual
컬럼을 참조하세요. 궁금한 점이 있으면 아래에 질문을 남겨주세요.위 내용은 AngularJS로 웹 서버를 구축하는 방법은 무엇입니까? Anglejs로 웹서버를 구축하는 세부 과정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.