'Tools/Sublime Text 3'에 해당되는 글 5건
- 2015.12.13 나의 sublime text3 javascript 설정
- 2015.10.15 sublime text 3 자동완성 툴
- 2015.10.15 node build 설정
- 2015.09.21 sublime text 3 html 설정
- 2015.08.05 sublime text 3 python 설정
기본 환경 설정은 아래의 다른 sublime 설정을 따르고 추가적인 설정을 진행
출처 : http://www.sitepoint.com/essential-sublime-text-javascript-plugins/
Control + Shift + P 로 팔렛트를 띄워 Package Controll Install 에서 아래의 것들을 설치한다.
1. Babel : JS Syntax
2. JSHint (& JSHint Gutter) : Alt + J 를 누르면 신택스 오류 띄워줌
아래와 같이 Set Linting Preferences 설정
{
"node": true,
"camelcase": true,
"eqeqeq": true,
"esnext": true,
"globals": {},
"globalstrict": true,
"quotmark": true,
"undef": true,
"unused": true,
"esnext": true,
"quotmark": "single"
}
3. DocBlockr : /** 엔터 누르면 jsdoc 쓸 수 있게 해줌
4. JSFormat : 아직은 뭐가 좋은지 잘 모르겠다.
'Tools > Sublime Text 3' 카테고리의 다른 글
| 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 |
아래의 언어들에 대해 자동 완성을 해준다고 한다.
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 |
|---|---|
| node build 설정 (0) | 2015.10.15 |
| sublime text 3 html 설정 (0) | 2015.09.21 |
| sublime text 3 python 설정 (0) | 2015.08.05 |
Tools - Build System - New Build System...
아래와 같이 적고 node라는 이름으로 저장 후 해당 빌드시스템 선택
{
"cmd": ["node", "$file"],
"selector": "*.js"
}
나의 경우 nvm으로 node version을 관리하고 있기 때문에
{
"cmd": ["/Users/kanziw/.nvm/versions/node/v4.2.0/bin/node", "$file"],
"selector": "*.js"
}
으로 적었으며 일반적인 경우는 첫번째로 가능하다.
node 명령어를 찾을 수 없다고 한다면 node를 설치 했는지 확인 해봐야 하며
설치 했고 cli 환경에서 정상 작동 한다면 which node 명령어로 node 명령어의 전체 경로확인 후 해당 경로를 적어야 한다.
설정 파일 위치
/Users/kanziw/Library/Application Support/Sublime Text 3/Packages/User/node.sublime-build
'Tools > Sublime Text 3' 카테고리의 다른 글
| 나의 sublime text3 javascript 설정 (0) | 2015.12.13 |
|---|---|
| sublime text 3 자동완성 툴 (0) | 2015.10.15 |
| sublime text 3 html 설정 (0) | 2015.09.21 |
| sublime text 3 python 설정 (0) | 2015.08.05 |
출처
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 python 설정 (0) | 2015.08.05 |
출처
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 |
