SumlimeText 설정하기 가볍고 프로그래밍이 가능한 SublimeText3 에디터의 환경 설정에 정리해보자

1. SublimeText 설치

http://www.sublimetext.com/

2. Package Control 설치

Ctrl + ` 를 눌러 콘솔을 열고, 아래 글을 선택하고 재부팅한다.
https://packagecontrol.io/installation

3. Plugin 설치

“Command Palette” cmd + shift + p 를 누른후 “PackageControl : Install Package” 선택 후, 설치할 플러그인 설치 (cmd + shift + p > inst)

Theme

  • Material Theme : 메트리얼 테마
  • One Dark Material Theme : One Dark 메트리얼 테마

Markdown

  • MarkdownHighlighting : 마크다운 하이라이트
  • Markdown extended : 마크다운 확장

JavaScript

  • jsFormat : javascript Formater
  • EditorConfig : editor config 관련 패키지
  • SublimeLinter : 정적 검사를 위한 core 패키지
  • SublimeLinter : tslint를 검사하기 위한 패키지
1
2
# 글로벌로 tslint가 설치되어 있어야한다.
npm install tslint -g
  • SublimeLinter-jshint : jshint를 검사하기 위한 패키지
1
2
# 글로벌로 jshint가 설치되어 있어야한다.
npm install jshint -g
  • SublimeLinter-contrib-eslint : eslint를 검사하기 위한 패키지
1
2
# 글로벌로 eslint가 설치되어 있어야한다.
npm install eslint -g
  • SublimeLinter-contrib-tslint : TypeScript를 검사하기 위한 패키지
1
2
# 글로벌로 tslint와 typescript가 설치되어 있어야한다.
npm install tslint typescript -g
  • SublimeLinter-jscs : jscs를 검사하기 위한 패키지
1
2
# 글로벌로 jscs가 설치되어 있어야한다.
npm install jscs -g

JavaScript (Framework)

  • Babel : ES6과 React(jsx)를 지원함.

그 외 패키지

  • BracketHighlighter : 괄호의 짝을 표기해준다
  • Sublimerge Pro : 파일 diff와 merge관련 패키지
  • SublimeCodeIntel : 코드 intelligence 지원
  • Color Highlighter : 컬러 하이라이트 패키지
  • ConvertToUTF8 : Encoding 변경을 지원 (euc-kr 지원)

    Linux, MacOS X 에서는 Sublimetext에 내장된 python 이 ConvertToUTF8이 사용하는 library가 빠져있어서 제대로 실행되지 않는다.위 OS는 Package Control에서 Codecs33 을 설치해야 제대로 동작한다.

4. 필수 단축키

  • goto anything : cmd + p 입력하는 문자는 파일명, @는 메소드와 같은 심볼 :는 라인수, #는 단어 찾기
  • Command Palette : cmd + shift + p 모든 커맨드를 실행할 수 있다.
  • 바꾸기 패널 : cmd + alt + f (찾아 바꾸기)
  • 북마크 토글 : cmd + F2
  • 북마크 찾기 : F2, ~F2
  • 화면레이아웃 바꾸기 : cmd + alt + 숫자(1~)
  • 문장 위,아래로 이동하기 : cmd + ctrl + up/down
  • 멀티셀렉션 지정 : ctrl + shift + up/down 또는 alt + 왼쪽 마우스 선택
  • 선택한 줄 복사하기 : cmd + shift + d

5. sublimetext 터미널에서 사용하기

1
ln -s ”/Applications/SublimeText.app/Contents/SharedSupport/bin/subl”/usr/bin/subl

6. 환경설정

  1. sublimetext 환경 (Setting-Users)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
"bold_folder_labels": true,
"color_scheme": "Packages/User/SublimeLinter/OneDark (SL).tmTheme",
"font_face": "D2Coding",
"font_size": 20.0,
"highlight_line": true,
"ignored_packages":
[
"Markdown",
"Vintage"
],
"line_numbers": true,
"tab_size": 2,
"theme": "Material-Theme-Darker.sublime-theme",
"translate_tabs_to_spaces": false,
"trim_trailing_white_space_on_save": true,
"word_wrap": true,
"overlay_scroll_bars": "enabled",
"line_padding_top": 3,
"line_padding_bottom": 3,
"always_show_minimap_viewport": true,
"indent_guide_options": [ "draw_normal", "draw_active" ], // Highlight active indent
"font_options": [ "gray_antialias" ]`
}
  1. sublimetext 단축키 (Keybinding-Users)
1
2
3
4
5
6
7
8
9
10
11
12
[
// 열린 창 모두 닫기
{ keys: ["super+shift+w"], command: "close_all" },
// 자동 완성
{ keys: ["alt+space"], command: "auto_complete" },
// 라인 삭제
{
keys: ["super+d"],
command: "run_macro_file",
args: { file: "Packages/Default/Delete Line.sublime-macro" }
}
];
  1. project 설정
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
{
"SublimeLinter":
{
"linters":
{
"jscs":
{
"args":
[
],
"excludes":
[
"assets/**",
"config/**",
"dist/**",
"doc/**",
"report/**",
"tc/**",
"test/**"
]
},
"jshint": {
"args": [],
"excludes": [
"assets/**",
"config/**",
"dist/**",
"doc/**",
"report/**",
"tc/**",
"test/**",
"**/*.jsx"
]
},
"tslint": {
"@disable": false,
"args": [],
"excludes": [
"**/node_modules/**"
],
"config_filename": "tsconfig.json"
}
}
}
},
"folders":
[
{
"folder_exclude_patterns":
[
"node_modules",
"bower_components"
],
"path": "egjs"
},
{
"folder_exclude_patterns":
[
"node_modules",
"bower_components"
],
"path": "sculove-egjs"
}
]
}

Comment and share

익명 FTP 설정

설정파일 : /etc/ftpd.conf

  1. ftp 서비스 폴더 생성 (/Users/ftp 폴더 생성. 권한 755)
  2. ftpd.conf에 한 줄 추가 => chroot GUEST /Users/ftp 추가

ftp 구동 쉘 스크립트

서버 open

서버 close

Comment and share

docroot 폴더

전체

  • 기본 docroot 폴더 : /Library/WebServer/Documents/
  • web url : /

사용자별

  • 사용자 docroot 폴더 : /Users/사용자명/Sites/
  • web url : /~사용자명/

    Mavericks 이상 부터는 사용자 docroot 폴더가 없기 때문에 직접 파일을 만들어야한다.

설정 파일

전체 : /etc/apache2/httpd.conf

1
2
3
4
LoadModule php5_module libexec/apache2/libphp5.so # 주석제거 (php 사용을 위해)
LoadModule userdir_module libexec/apache2/mod_userdir.so # 주석제거
Include/private/etc/apache2/extra/httpd-userdir.conf # 주석제거
Include /private/etc/apache2/other/*.conf # 주석제거

사용자별 : /etc/apache2/users/사용자명.conf

사용자 웹의 directory index 및 symbolic, .htaccess 처리

1
2
3
4
5
6
7
<Directory”/Users/사용자명/Sites/”>
Options Indexes MultiViews Includes FollowSymLinks
AllowOverride All
Order allow,deny
Allow from all
Require all granted # 요세미티에서는 꼭! 이 부분을 추가해야한다.
</Directory>

이슈

사용자 폴더 웹서버에 접근시 403 Forbidden Error

/Users/Document 의 권한을 755로 변경 Mavericks 이상 부터는 /Users의 권한을 755로 변경해야한다.

Reference

Comment and share

  • page 1 of 1
Author's picture

sculove

아내와 아들 그리고 딸밖에 모르는 남편


FrontEnd Developer


대한민국/서울