프로그래밍/JavaScript

AngularJS 개발 환경 준비하기

Terry Cho 2014. 1. 12. 12:02



Sublime Text 2 에디터


1. Package installer 설치 방법

메뉴에서 View > Show Console을 선택. Console 창이 열리면 아래와 같은 명령어를 이력


import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')


2. sublime text를 리스타트 한후에


메뉴에서 Tools > Command Palette를 선택한후, 

Package Control : Install Pacakge 를 선택하면

설치할 수 있는 패키지 목록을 찾아준다.


3. 패키지 준비

 AngularJS 패키지와 - https://github.com/angular-ui/AngularJS-sublime-package

 GitHub Tools를 찾아서 설치한다. - https://sublime.wbond.net/packages/Github%20Tools


참고

  • 온라인상에서 간단하게 개발할 수 있는 툴 - http://jsfiddle.net/
  • sublime text와 github 연동하기 - http://unikys.tistory.com/331

웹서버 세팅

View등을 사용하려면 local에서 file://로 접근하면 안되기 때문에, 웹서버가 필요함

- 파이썬 웹서버가 가장 간단함

- python -m SimpleHTTPServer 로 수행하면됨.


디버깅

-Chrome에서 AngularJS 디버깅 플러그인 설치

-메뉴 > 개발도구에서 추적

-주요 문제는 Java Script Console을 보면 에러 메세지들이 나옴.


그리드형