AngularJS - 안젤로 Lite 설치

AngularJS - 안젤로 Lite 설치

1. Node.js 설치여부 확인

(envangular)root@localhost:~/angular# node --version
v0.10.25

설치되어 있지 않다면 https://github.com/nodesource/distributions 를 참조하여 설치한다.

2. serve 패키지 설치

(envangular)root@localhost:~/angular#sudo npm install -g serve
/usr/local/bin/serve -> /usr/local/lib/node_modules/serve/bin/serve
serve@1.4.0 /usr/local/lib/node_modules/serve
├── commander@0.6.1
├── connect@2.3.9 (fresh@0.1.0, bytes@0.1.0, cookie@0.0.4, crc@0.2.0, qs@0.4.2, formidable@1.0.11, debug@2.2.0, send@0.0.3)
├── stylus@0.54.5 (css-parse@1.7.0, debug@2.2.0, mkdirp@0.5.1, sax@0.5.8, source-map@0.1.43, glob@7.0.3)
├── jade@1.11.0 (character-parser@1.2.1, commander@2.6.0, void-elements@2.0.1, mkdirp@0.5.1, jstransformer@0.0.2, clean-css@3.4.17, constantinople@3.0.2, with@4.0.3, transformers@2.1.0, uglify-js@2.6.2)
└── less-middleware@2.1.0 (mkdirp@0.5.1, node.extend@1.1.5, less@2.6.1)

※ https://www.npmjs.com/package/serve

3. 안젤로 Lite 버전 다운로드

angello-lite 디렉토리에 다운로드

https://github.com/angularjs-in-action/angello-lite

(envangular)root@localhost:~/angular# git clone https://github.com/angularjs-in-action/angello-lite.git
Cloning into 'angello-lite'...
remote: Counting objects: 60, done.
remote: Total 60 (delta 0), reused 0 (delta 0), pack-reused 60
Unpacking objects: 100% (60/60), done.
Checking connectivity... done.

4. angello-lite 디렉토리로 이동하여 serve 명령 실행

(envangular)root@localhost:~/angular/angello-lite# serve
serving /root/angular/angello-lite on port 3000

5. 브라우저에서 http://localhost:3000/ 방문하여 실행된 모습 확인