'Sublime Text 3'에 해당되는 글 3건

  1. 2015.10.15 sublime text 3 자동완성 툴
  2. 2015.09.21 sublime text 3 html 설정
  3. 2015.08.05 sublime text 3 python 설정

sublime text 3 자동완성 툴

|


아래의 언어들에 대해 자동 완성을 해준다고 한다.

JavaScript, Mason, XBL, XUL, RHTML, SCSS, Python, HTML, Ruby, Python3, XML, XSLT, Django, HTML5, Perl, CSS, Twig, Less, Smarty, Node.js, Tcl, TemplateToolkit, PHP


공식 홈페이지 : http://sublimecodeintel.github.io/SublimeCodeIntel/




설치 방법


Command + Shift + P  -  Install Package  -  SublimeCodeIntel




사용 방법


Sublime Text 를 재실행 후 자동완성이 필요한 곳에서 Control + Shift + Space 하면 된다.

변수가 선언 된 곳을 찾고자 할 땐 Control + Alt + Command + Up 하면 되며

다시 작업 중이던 곳으로 내려올 땐 Control + Alt + Command + Left 하면 된다.




저작자 표시 비영리
신고

'Tools > Sublime Text 3' 카테고리의 다른 글

나의 sublime text3 javascript 설정  (0) 2015.12.13
sublime text 3 자동완성 툴  (0) 2015.10.15
node build 설정  (0) 2015.10.15
sublime text 3 html 설정  (0) 2015.09.21
sublime text 3 python 설정  (0) 2015.08.05
Trackback 1 And Comment 0


sublime text 3 html 설정

|


출처

http://sublimetext.info/docs/en/extensibility/snippets.html

https://github.com/skuroda/PackageResourceViewer

https://packagecontrol.io/installation#Simple



1. Package Control 설치


Command Palette에 Install Package가 없다면 Package Control부터 설치해야 한다.

(Command Palette : 맥에선 Cmd + Shift + P 누르면 나오는 메뉴)


https://packagecontrol.io/installation#Simple 에 접속하여 자신의 버전에 맞는 명령문을 복사한 뒤 콘솔창에 입력한다.

콘솔창은 Ctrl + ` 혹은 View - Show Console 에 있다.




2. PackageResourceViewer 설치


Command Palette - Install Package - PackageResourceViewer 설치

Command Palette - PackageResourceViewer: Open Resource - HTML - html.sublime-snippet 선택

http://sublimetext.info/docs/en/extensibility/snippets.html 를 참조하여 수정


수정 예)

<snippet>

<content><![CDATA[<!DOCTYPE html>

<html lang="ko">

    <head>

        <meta charset="utf-8">

        <title>$1</title>

    </head>

    <body>

        $0

    </body>

</html>]]></content>

<tabTrigger>html</tabTrigger>

<scope>text.html</scope>

</snippet>


저장한 뒤 html 문서 편집 시 html + tab 하면 위의 템플릿이 자동 완성 된다.





저작자 표시 비영리
신고

'Tools > Sublime Text 3' 카테고리의 다른 글

나의 sublime text3 javascript 설정  (0) 2015.12.13
sublime text 3 자동완성 툴  (0) 2015.10.15
node build 설정  (0) 2015.10.15
sublime text 3 html 설정  (0) 2015.09.21
sublime text 3 python 설정  (0) 2015.08.05
Trackback 0 And Comment 0


sublime text 3 python 설정

|


출처

http://blog.naver.com/sungback/90192049900

https://packagecontrol.io/installation#st3

http://blog.gaerae.com/2014/03/sublime-text-3-default-settings.html




1. 사용자 설정하기


Preferences -> Settings - User -> 아래 내용 붙여넣기

 

{

"auto_complete": true,

"auto_indent": true,

"default_encoding": "UTF-8",

"disable_formatted_linebreak": true,

"font_size": 14,

"highlight_modified_tabs": true,

"ignored_packages":

[

"Vintage"

],

"smart_indent": true,

"tab_size": 2,

"trim_trailing_white_space_on_save": true,

"word_wrap": true,

"line_padding_top": 2,

"line_padding_bottom": 2,

"font_face": "NanumGothicCoding",

"tab_size": 4,

"draw_white_space": "all",

"translate_tabs_to_spaces": true,

"default_line_ending": "unix",

"rulers": [80, 120],

"highlight_line": true,

"fade_fold_buttons": false,

"bold_folder_labels": true,

"caret_style": "phase",

"line_padding_top": 1,

"line_padding_bottom": 1,

"always_show_minimap_viewport": true,

"draw_minimap_border": true

}





2. 키보드 단축키 등 설정하기


Preferences -> Key Bindings - User -> 아래 내용 붙여넣기


[

    { "keys": ["ctrl+v"], "command": "paste_and_indent" },

    { "keys": ["ctrl+shift+v"], "command": "paste" },

    { "keys": ["ctrl+shift+r"], "command": "reindent", "args": {"single_line": false} },

    { "keys": ["ctrl+alt+b"], "command": "run_existing_window_command",

        "args":

        {

            "id": "repl_python_run",

            "file": "config/Python/Main.sublime-menu"

        }

    }

]





3. Package Control(유용한 패키지를 설치하기 위한 플러그인?) 설치


Ctrl + ` 눌러서 콘솔을 연다.

아래 내용 중 SUBLIME TEXT 3 것 복사해서 붙여넣는다

https://packagecontrol.io/installation#st3


sublime text 3 를 재시작 한다.


Ctrl + Shift + p 를 눌러 아래 2개를 차례대로 설치한다.

package install, sublimeREPL





4. 실행


sublime text 3 우측 하단에 Plain Text 를 눌러 Python - Python 으로 변경

간단한 예제 코드를 작성한 뒤 Ctrl + b 를 눌러 Python을 누르면 아래쪽에 실행 결과가 나온다.

입력이 필요한 실행은 Ctrl + Alt + b 를 눌러 실행한다.




저작자 표시 비영리
신고

'Tools > Sublime Text 3' 카테고리의 다른 글

나의 sublime text3 javascript 설정  (0) 2015.12.13
sublime text 3 자동완성 툴  (0) 2015.10.15
node build 설정  (0) 2015.10.15
sublime text 3 html 설정  (0) 2015.09.21
sublime text 3 python 설정  (0) 2015.08.05
Trackback 0 And Comment 0


prev | 1 | next