Pastel Dev

yeoman angularjs azurewebsites 개발환경 만들기 본문

Dev/Front-end

yeoman angularjs azurewebsites 개발환경 만들기

pastelDev 2014. 8. 1. 14:06

yeoman angularjs generator로 만든 프로젝트를 azurewebsites에 연결하려고 하니, 셋팅이 복잡해져서 계속해서 이런저런 시도를 하다가 결국은


yeoman angularjs generator로 개발환경을 셋팅하고 라이브러리 및 프로젝트 관리를 해주면서 실제 deploy는 app 폴더만으로 azurewebsites 에 해주는걸로...


1. yeoman generator-angular 설치 및 테스트

http://yeoman.io/codelab/setup.html


2. app 폴더안의 내용만 github으로 연결


3. azurewebsites에서 해당 github 소스로 배포.


말은 간단한데,,실제로 이걸하기까지 이틀이나 걸렸다ㅠㅠ

yeoman 프로젝트를 직접 azurewebsites와 연결해서 쓰고 싶었지만 그건 config좀 더 찾아보고 나중에 해보는 걸로 ㅎㅎ


이렇게 해놓으니까 기존에 index.html 파일을 불러서 실제 routing을 예상하면서 개발했던 환경에서 벗어나, yeoman 에서 제공하는 grunt server로 돌리면서 개발할수 있고, 각종 라이브러리들이나 angularjs controller 추가할때 파일을 일일이 만들어 주지 않아도 되서 좋다~

이렇게 쓰는사람이 있을까 싶어 조금 불안하긴 하지만 그래도 아직은 만족~~~ 



'Dev > Front-end' 카테고리의 다른 글

angularjs array 에 item 또는 array 추가하기  (0) 2014.10.29