1-2. 서브라임 텍스트 설치 서브라임 텍스트 3 공식 홈페이지: http://www.sublimetext.com/3 1-2-3 리눅스(우분투)에서 설치하기 cd ~ wget http://c758482.r82.cf2.rackcdn.com/sublime_text_3_build_3059_x64.tar.bz2 tar vxjf sublime_text_3_build_3059_x64.tar.bz2 sudo mv sublime_text_3 /opt/ 1-2-4 서브라임 텍스트 구매 http://www.sublimetext.com/eula 1-2-6 Node.js 설치 http://nodejs.org/download/ 1-4-1 패키지 콘트롤 설치하기 https://sublime.wbond.net/installation 1-4-2 테마 및 코드 색상 변경 { "theme": "Soda Light 3.sublime-theme" } { "theme": "Soda Light 3.sublime-theme", "soda_classic_tabs": true, "soda_folder_icons": true } 코드 색상 다운로드: http://buymeasoda.github.io/soda-theme/ 1-4-3 코딩 폰트 변경 https://github.com/andreberg/Meslo-Font/downloads 1-4-6 집중 모드 설정 http://eduardolopes.github.io/sublime-config/ 1-4-7 키 바인딩 [ { "keys": ["단축키 조합"], "command": "save_all" } ] sublime.log_commands(True) sublime.log_commands(False) { "keys": ["ctrl+alt+m"], "command": "toggle_menu" } 1-4-8 커맨드 라인에서 서브라임 텍스트 실행하기 윈도우 환경 C:\Program Files\Sublime Text 3\; cd c:\program files\sublime text 3 mklink subl.exe sublime_text.exe 맥 OS X 환경 /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl . sudo ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/bin/subl defaults write com.apple.finder AppleShowAllFiles YES && killall Finder 리눅스 환경 sudo ln –s /opt/sublime_text_3/sublime_text /usr/bin/subl 1-8-3 찾기 및 치환(Find and Replace) { "keys": ["ctrl+alt+enter"], "command": "replace_all", "args": {"close_panel": false}, "context": [{"key": "panel", "operand": "replace"}, {"key": "panel_has_focus"}] 1-8-4 정규 표현식으로 찾기 I watch three climb before it's my turn. It's a tough one. The guy before me tries twice. He falls twice. After the last one, he comes down. He's finished for the day. It's my turn. My buddy says "good luck!" to me. I noticed a bit of a problem. There's an outcrop on this one. It's about halfway up the wall. It's not a (?<=\.) {2,}(?=[A-Z]) 1-11-2 코드 조각(Snippet) $('#elm').hover( function(){ $(this).addClass('hover') }, function(){ $(this).removeClass('hover') } ); 1-11-3 빌드 시스템(Build System) { "cmd": ["node", "$file"], "selector": "source.js" } console.log("Hello World"); /System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc 1-12-2 빈티지 모드 사용하기 http://www.sublimetext.com/docs/3/vintage.html 2-2 Emmet http://docs.emmet.io/cheat-sheet/ 2-3 FTP 연결하기 http://wbond.net/sublime_packages/sftp 2-12 Sublime Alignment { "keys": ["ctrl+alt+a"], "command": "alignment" } 2-13 Trimmer { "keys": ["ctrl+alt+s"], "command": "trimmer" } 2-16 SublimeLinter npm install -g csslint npm install -g jshint http://www.paehl.com/open_source/?HTML_Tidy_for_HTML5 2-18 서브라임 텍스트에서 커맨드 라인 열기 { "keys": ["ctrl+alt+k"], "command": "open_terminal", "args": { "parameters": ["-T", "Custom Window Title"] } }, { "keys": ["ctrl+shift+t"], "command": "reopen_last_file" } 2-19 SublimeREPL http://sublimerepl.readthedocs.org/en/latest/ 2-20 Goto Documentation { "keys": ["ctrl+shift+h"], "command": "goto_documentation" } 2-21 Javascript & Nodejs Snippet https://sublime.wbond.net/packages/JavaScript%20%26%20NodeJS%20Snippets 3장 정규 표현식(Regular Expression) http://www.regexr.com/ 3-7-4 이메일 주소 일치하기 http://en.wikipedia.org/wiki/Email_address 부록 패키지 모음 부트스트랩 3.0 코드 조각 문서: https://github.com/JasonMortonNZ/bs3-sublime-plugin Foundation 5 코드 조각 https://github.com/zurb/foundation-5-sublime-snippets 제이쿼리 코드 조각 팩 https://github.com/aaronpowell/sublime-jquery-snippets HTML5 Boilerplate 코드 조각 https://github.com/sloria/sublime-html5-boilerplate LESS https://github.com/danro/LESS-sublime less2css https://github.com/timdouglas/sublime-less2css SASS https://github.com/nathos/sass-textmate-bundle SCSS https://github.com/MarioRicalde/SCSS.tmbundle Stylus https://github.com/billymoon/Stylus Spacegray 테마 https://github.com/kkga/spacegray/ Centurion 테마 https://github.com/allanhortle/Centurion Flatland 테마 https://github.com/thinkpixellab/flatland Predawn 테마 https://github.com/jamiewilson/predawn Nexus 테마 https://github.com/EleazarCrusader/nexus-theme Phoenix 테마 https://github.com/netatoo/phoenix-theme Cobalt2 https://github.com/wesbos/cobalt2 DocBlockr https://github.com/spadgos/sublime-jsdocs Git https://github.com/kemayo/sublime-text-git MarkdownEditing https://github.com/SublimeText-Markdown/MarkdownEditing LiveReload for Sublime Text 3 https://github.com/dz0ny/LiveReload-sublimetext2 https://livereload-for-sublime-text.readthedocs.org/en/latest/ Sublime Text Cheat Sheets Plugin https://github.com/dmikalova/sublime-cheat-sheets EditorConfig https://github.com/sindresorhus/editorconfig-sublime http://editorconfig.org/ SublimeCodeIntel http://sublimecodeintel.github.io/SublimeCodeIntel/ Super Calculator https://github.com/Pephers/Super-Calculator