Install Babel Syntext Package on Sublime Text
React를 사용할때 간단한 에디터 툴로 Sublime Text를 이용하는 경우가 많다.테스트를 할때든, 공부를 할때든 Sublime Text는 좋은 툴이다.
React 문법을 이쁘게 보여주거나, 자동완성을 위한 Sublime Text 패키지가 있어 설치방법을 소개한다.
설치방법은 다음과 같이 선택할 수 있다.
- Sublime React
- Babel Sublime
여기서는 Babel Sublime만을 설치한다. 사실 Babel이 더 보기가 이쁘고 좋다.
Sublime Text에서 패키지 Controller 설치하기.
패키지 컨트롤러를 설치하는 가잔 간단한 방법은 Sublime Text console에서 명령어를 이용하여 설치하는 방법이 있다.sublime에서 Ctrl + ` 를 누르거나
View > Show Console 메뉴를 선택한다.
창이 열리면 다음 설치 명령어를 입력한다.
Sublime Text 3용 :
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)Sublime Text 2용 :
import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')설치가 자동으로 완료 된다.
문제가 있다면 다음 사이트에서 설치 명령어를 다시 확인하자.
만약 오류가 있다면 Sublime Text를 닫았다가 다시 열고 명령어를 한번더 입력해보자.
Babel Sublime 설치하기.
Cmd + Shift + P를 선택한다.입력창에서 Package Controll: Install Package 를 선택한다.
여기서 Babel을 찾아서 설치한다.
설치 이후에는 다음과 같이 Babel 신텍스를 선택한다.
변경된 내용을 확인해보자.
신텍스가 정상으로 동작함을 확인할 수 있다.
더 자세한 설정을 원하면 다음 사이틀르 찾아가자.
https://github.com/babel/babel-sublime
EmoticonEmoticon