AngularJS - 안젤로 Lite 설치
1. Node.js 설치여부 확인
1 2 | (envangular)root@localhost:~/angular# node --version v0.10.25 | cs |
설치되어 있지 않다면 https://github.com/nodesource/distributions 를 참조하여 설치한다.
2. serve 패키지 설치
1 2 3 4 5 6 7 8 | (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) | cs |
※ https://www.npmjs.com/package/serve
3. 안젤로 Lite 버전 다운로드
angello-lite 디렉토리에 다운로드
https://github.com/angularjs-in-action/angello-lite
1 2 3 4 5 6 | (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. | cs |
4. angello-lite 디렉토리로 이동하여 serve 명령 실행
1 2 | (envangular)root@localhost:~/angular/angello-lite# serve serving /root/angular/angello-lite on port 3000 | cs |
5. 브라우저에서 http://localhost:3000/ 방문하여 실행된 모습 확인
