본문으로 건너뛰기
黯羽轻扬매일 조금씩

Sublime Text2 플러그인 설정

무료2015-06-16#Tool#Sublime Text2插件#Sublime Text#Sublime Text2插件配置#sublime

Sublime 을 사용하기 편하게 하려면 플러그인이 필수이지만, 많은 플러그인은 직접 설정해야 합니다. 본문에서는 플러그인 설정 파일 패키지를 제공하며, 다운로드 후 직접 덮어쓰기만 하면 됩니다

서문에

Sublime 으로乗り換은 지 2 주일이 되었습니다. 처음에는 플러그인 없이, 그 후一堆의 플러그인을 설치했지만, 현재에서는 가장 사용하기 쉬운 몇 개의 플러그인만 남겼습니다. 일부 플러그인은 수동 설정이 필요하며, 그것도 모두 설정済み입니다

一.선언

필자는 다양한 소프트웨어를 D 드라이브 Program Files 에 설치하는 습관이 있습니다. Firefox, NodeJS 등을 포함합니다. 일부 플러그인은 node.exe 등의 파일 경로를 설정해야 하므로, 설치 경로가 필자와 다른 분은 경로를 수동으로 수정해야 할 수도 있습니다

필자는초록색 주석을 ���아하며, 기본 회색이 싫고, Sublime 의 현재 tab 페이지 제목을적색으로 변경했습니다. 현재 프로젝트 팀은 통일하게단일 인용부호사용을 요구합니다. 이러한 기호가 마음에 들지 않으면, 스스로 원래대로 돌리는 방법을 생각하십시오

일부 단축키 설정도 개인의 기호입니다. 사용감이 좋지 않으면 스스로 수정하십시오. 뒤에서 자주 사용하는 단축키 목록을 제공합니다

二.사용하기 쉬운 플러그인

###Better Completion

코드 힌트, 코드 보완 (자동 완성) 기능이 매우 강력하며, 다양한 언어를 지원합니다. js, css, grunt 설정 파일 구문, PHP, SQL 까지도

###BracketHighlighter

괄호 쌍을 하이라이트 표시합니다. 기본 밑줄은 확실히 보기 어렵고, 이것이 있으면 좋습니다

###Colorcoder

색이 더 선명한 코드 블록으로, 흑백 코드 블록에 색을 풍부하게 하여, 더 분명하게 보입니다

###CSS Format

css 코드를 전개/축소합니다. 긴 css 를 쓸 때 좋습니다

###CSScomb

기능이 매우 강력하며, css 규칙의 순서를 정리할 수 있습니다. 예를 들어, 폭높이, 색, 여백 규칙을 빈 줄로 구분하여, 수정을 쉽게 하고 스타일 중복을 방지합니다

단점은 성질이 조금 이상해서, 반드시 css 확장자 파일이어야 하며, 게다가 파일 경로에 중국어를 포함할 수 없습니다 (파일명은 중국어 가능).否则 Unicode Error 또는 node 경로 설정이 잘못되었다는 오류가 표시되며, 어떻게 수정해도 소용없습니다

###CSSLint

CSS 오류를 체크할 수 있으며, 중복 등을 제시합니다. 주로 SublimeLinter 와 연동하여 사용합니다. SublimeLinter 는 뒤에서 소개합니다. 매우 사용하기 쉬운 것입니다

###DocBlockr

문서 주석 생성 도구입니다. 필자는 바로 이것이 목적에서 왔습니다. note pad++ 에는 js 주석을 생성하는 플러그인이竟然없어, 버렸습니다

###Emmet

가장 강력한 플러그인 중 하나입니다. 손속도가 충분히 빠르지 않다, 코딩이 느리다? 걱정 마십시오, 약어가 있습니다. 30 자/분이라도 빠르게 코딩할 수 있습니다

###GBK Encoding Support

필수의 플러그인입니다. 어떤 txt 를 열어中文이 문자 깨짐인 경우, 이것을 사용하면 정답입니다

###HTML-CSS-JS Prettify

주로 HTML 을 포맷팅하는 데 사용합니다. Sublime2 를 지원하는 HTML 포맷팅 플러그인은 많지 않으며, 이것은 비교적 사용하기 쉽습니다

###JsFormat

js 코드를 포맷팅하는 데 사용합니다. 자주 사용하지 않으며, 주로 타인의 코드를 읽을 때 사용합니다. 마음에 들지 않는 코드 스타일을 보면 바로 포맷팅합니다

###JSHint

js 오류를 체크할 수 있으며, SublimeLinter 와 연동하여 사용합니다. js 구문 오류를 제시할 수 있는 경량 에디터로, 오랫동안 기다렸습니다

jslint 플러그인은 권장하지 않습니다. 항상 사소한 오류를 보고하며, 설정도 수정하기 어렵습니다

주의, 이것만 단독으로 설치해도 소용없습니다. nodejs 와 jshint 가 필요합니다. jshint 의 설치 방법은npm install jshint -g

###Package Control

필수. 플러그인 관리가 매우 편리하며, 온라인 다운로드 후 즉시 설치하고 재시작으로 유효합니다. 사용하기 쉽습니다

###SublimeLinter

가장 강력한 플러그인 중 하나입니다. eclipse 나 vs 내의 적색 물결선 오류 제시를 부러워하고 있습니까? 이것이 있으면, 쉽게 오류 보고할 수 있습니다

###View In Browser

Sublime 이 html 을 run 할 수 없는 결점을 보완하는 데 사용합니다. 기본 단축키는 Ctrl + Alt + 브라우저의 첫 글자 약어. 예를 들어 C ~ Chrome, F ~ Firefox, I ~ IE

三.자주 사용하는 단축키

  • Alt + X: 기본 브라우저 (Chrome) 에서 html 을 엽니다

  • Ctrl + Shift + J: jshint 를 실행

  • Ctrl + S: 파일을 저장하고 SublimeLinter 를 실행하여 오류를 체크합니다. 오류箇所에는 흰색 테두리로 둘러싸이며, popup 으로 오류 목록이 표시됩니다

  • Ctrl + Shift + C: CSS Comb 를 실행하여 css 스타일을 재배열

  • /** + Enter: js 주석을 생성합니다 (API 문서 주석, 스타일은 JSDOC 와 유사)

  • Ctrl + E: Emmet 을 실행하여, 약어를 전개

  • 기타: 코드를 선택하고, 우클릭하여 실행하고 싶은 플러그인을 선택

四.설정 패키지 다운로드

百度網盤：여기를 클릭하여 다운로드

다운로드 후 Sublime 플러그인 설치 경로에 압축 해제하고, 원래 package 폴더를 덮어쓰기만 하면 됩니다

댓글

아직 댓글이 없습니다

댓글 작성