Sublime Text 3 plug-ins et méthodes d'installation couramment utilisés_compétences javascript

Tutoriels associés : Sublime texte 3 touches de raccourci et configuration de l'environnement de compilation.

Comment installer le plug-in Sublime Text 3 :

Mes amis, il n'est pas facile pour un petit site Web de survivre. Cela dépend entièrement des frais de publicité si cet article vous est utile. Merci de cliquer sur l'annonce sur la page, merci !

Installer directement

Il est très pratique d'installer le plug-in Sublime text 2. Vous pouvez directement télécharger le package d'installation et le décompresser dans le répertoire Packages (menu->préférences->packages).

Utiliser le composant Package Control pour installer

Vous pouvez également installer le composant de contrôle du package puis l'installer directement en ligne :

1. Appuyez sur Ctrl ` pour afficher la console (remarque : cette touche de raccourci entrera en conflit si la méthode de saisie QQ est installée, paramètres de propriété de la méthode de saisie - gestion de la méthode de saisie - annulez le raccourci clavier pour passer à QQ Pinyin)

2. Collez le code suivant dans la ligne de commande inférieure et appuyez sur Entrée :

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

1. 서브라임 텍스트 3을 다시 시작합니다.

2. Perferences->패키지 설정에 패키지 제어 항목이 보이면 설치가 성공한 것입니다.

그런데 Sublime Text2 코드도 올려주세요

import urllib2,os; ipp = sublime.installed_packages_path(); os.path.exists(ipp)가 아닌 경우 urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' pf. replacement( ' ',' ' )).read()); print( '설치를 완료하려면 Sublime Text를 다시 시작하십시오.')

이 방법으로 설치에 실패하면 여기에서 파일을 다운로드하여 수동으로 설치할 수 있습니다.

패키지 제어를 사용하여 플러그인을 설치하는 방법:

1. Ctrl Shift P를 눌러 명령 패널을 불러옵니다

2. install을 입력하여 패키지 설치 옵션을 불러오고 Enter를 누른 다음 목록에서 설치할 플러그인을 선택합니다.

안타깝게도 일부 네트워크 환경에서는 익숙하지 않은 네트워크 환경에 대한 접근을 허용하지 않아 방화벽을 설정하는 경우가 있습니다. 그러나 Sublime Text 2는 프록시 설정이 불가능한 것으로 보이며 설치 패키지 목록을 가져오지 못할 수도 있습니다.

자, 이제 방법이 소개되었습니다. 이 기사의 주요 주제인 몇 가지 유용한 Sublime Text 2 플러그인은 다음과 같습니다.

GBK 인코딩 지원

gb2312의 경우 Sublime Text 2는 기본적으로 지원되지 않습니다. Ctrl Shift P를 사용하여 명령 패널을 불러오거나 Perferences->Package Contro를 불러오고 install을 입력하여 패키지 설치 옵션을 불러온 후 Enter를 누르고 "GBK"를 입력합니다. 인코딩 지원"을 선택하여 설치를 시작하면 왼쪽 하단의 상태 표시줄에 설치 성공 메시지가 표시됩니다. 이때 gbk로 인코딩된 파일은 깨져서 나타나지 않습니다. utf-8로 변환해야 하는 경우 File-GBK to UTF8에서 Save with UTF8을 선택하면 표시됩니다.

젠코딩

설명하지는 않겠지만 ZenCoding을 모르는 학생들은 "Zen Coding: HTML/CSS 코드를 작성하는 빠른 방법"을 읽어 보시기를 적극 권장합니다.

에밋

PS: Sublime Text 2용 Zen Coding 플러그인 개발자는 Github에서의 공유를 중단했으며 이제 패키지 제어를 통해서만 설치할 수 있습니다.

숭고한 텍스트용 jQuery 패키지

jQuery 없이는 살 수 없다면 이건 필수~~

Sublime Prefixr

CSS3 전용 접두사 자동 완성 플러그인인 Prefixr는 매우 유용합니다.

Sublime Prefixr

JS 형식

JS 코드 포맷팅 플러그인입니다.

SublimeLinter

Linter가 잘못되었다고 생각하는 코드 줄을 강조 표시할 수 있는 Lint 구문을 지원하는 플러그인입니다. 또한 "TODO"와 같은 일부 특수 주석을 강조 표시하여 빠르게 찾을 수 있도록 지원합니다. (IntelliJ IDEA의 TODO 기능은 매우 좋습니다. 이 플러그인은 비교할 수 없지만 충분히 유용합니다)

SublimeLinter

자리표시자

따라서 이름은 일부 자리 표시자 텍스트와 HTML 코드 조각을 포함하여 실용적인 자리 표시자로 사용됩니다.

숭고한 정렬

코드 서식 자동 정렬. 전설에 따르면 최신 버전의 Sublime이 통합되었습니다.

클립보드 기록

복사/잘라낸 콘텐츠에 쉽게 접근할 수 있는 대지 기록.

DetectSyntax

코드 감지 플러그인입니다.

넷투츠 페치

Normalize.css 또는 modernizr.js와 같은 일부 공개 또는 오픈 소스 프레임워크를 사용하고 있지만 일정 기간이 지나면 오픈 소스 라이브러리가 업데이트되어 이를 눈치채지 못했을 수도 있습니다. 프로젝트에 적합하다면 다시 시도하거나 이전 파일을 계속 사용해야 합니다. Nettuts Fetch를 사용하면 동기화해야 하는 파일 목록을 설정한 다음 업데이트를 저장할 수 있습니다.

JsMinifier

이 플러그인은 Google Closure 컴파일러를 기반으로 하며 js 파일을 자동으로 압축합니다.

서브라임코드인텔

자동 코드 프롬프트

브래킷 하이라이터

코드 매칭과 유사하게 괄호, 따옴표, 기타 기호 내에서 범위를 매칭할 수 있습니다.

16진수를 HSL로

색상 값을 16진수에서 HSL 형식으로 자동 변환, 단축키 Ctrl Shift U

GBK를 UTF8로

파일 인코딩을 GBK에서 UTF8로 변환, 단축키 Ctrl Shift C

깃

이 플러그인은 기본적으로 git의 모든 기능을 구현합니다.

요약

그렇습니다. 자주 사용하는 플러그인이나 확장 기능이 있다면 추천해 주세요. 서브라임텍스트3는 정말 첫눈에 반한 에디터인데, 다른 사람들에게 에디터에 대해 이야기할 때마다 꼭 추천하고 싶은 에디터입니다. . .