블로그 이미지
평범하게 살고 싶은 월급쟁이 기술적인 토론 환영합니다.같이 이야기 하고 싶으시면 부담 말고 연락주세요:이메일-bwcho75골뱅이지메일 닷컴. 조대협


Archive»


 

'패키지 설치'에 해당되는 글 1

  1. 2014.01.12 AngularJS 개발 환경 준비하기
 

AngularJS 개발 환경 준비하기

프로그래밍/JavaScript | 2014.01.12 12:02 | Posted by 조대협



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을 보면 에러 메세지들이 나옴.


본인은 구글 클라우드의 직원이며, 이 블로그에 있는 모든 글은 회사와 관계 없는 개인의 의견임을 알립니다.