Sublime Text3 프런트엔드 필수 플러그인
- 藏色散人앞으로
- 2019-10-16 16:26:534532검색
다음은 Sublime 시작하기튜토리얼 사용하기 칼럼에 있는 일부 필수 Sublime Text3 프런트엔드 플러그인에 대한 소개입니다. 이 내용이 필요한 친구들에게 도움이 되기를 바랍니다.
Install Package Control
플러그인을 설치하기 전에 Sublime에서 Package Control을 설치하도록 허용해야 합니다. Sublime Text 콘솔을 열고 단축키 ctrl + ~를 사용하여 콘솔에 다음 코드를 입력합니다.
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
플러그인 설치
emmet:
프런트 엔드 아티팩트. 웹 개발자의 HTML 및 CSS 작업 효율성을 크게 향상시킬 수 있는 도구 상자 구성 요소입니다.
CSS3:
CSS3 구문 강조 및 CSS 구문 프롬프트 유일한 단점은 브라우저 개인 속성 강조가 없다는 것입니다.
CSS 확장 완성:
CSS 파일을 연결하고 CSS 파일에 클래스 이름을 지능적으로 표시하며 사용이 매우 쉽습니다.
JavaScript 완성
Javascript 기본 구문 프롬프트를 지원하므로 엄마는 더 이상 내가 document.getElementById(id)를 입력하는 것에 대해 걱정할 필요가 없습니다.
jQuery
는 대부분의 jQuery 메서드에 대한 샘플 코드 조각을 제공하여 jQuery API를 더 쉽게 사용할 수 있도록 해줍니다.
ColorHighlighter
선택한 색상 코드(예: "#FFFFFF", "rgb(255,255,255)", "white")의 실제 색상을 표시할 수 있습니다. 또한 색상 선택기가 포함되어 있어 쉽게 색상을 변경할 수 있습니다.
괄호 하이라이터
괄호와 라벨 레벨이 표시되어 있어 선택한 코드가 어떤 코드 블록에 속해 있는지 걱정하지 않아도 한눈에 알 수 있습니다.
HTML-CSS-JS Prettify
THML, CSS, JS 코드 형식, 압축된 코드는 이 도구를 통해 복원할 수 있습니다.
AlignTab
정규식을 사용하면 여러 줄의 코드를 = 기호로 정렬하는 등 코드 정렬에 도움이 됩니다.
위의 플러그인은 HTML, CSS, JavaScript, jQuery, CSS 색상 표시, 코드 블록 수준 강조 표시, 코드 형식 지정 및 코드 정렬을 다루며 대부분의 프런트엔드 요구 사항을 충족합니다.
Sass를 사용하려면 Sass, Sassbuild, git을 설치하고 sublimeGit 및 git Gutter를 다운로드하세요. 특정 테마를 사용하려면 해당 테마를 다운로드하세요. 사이드바를 확장하려면 결국 사이드바를 확장하세요. 모든 사람에게 필요한 것은 아닙니다.
여기에 권장되는 또 다른 테마 플러그인이 있습니다. 테마 라이브러리는 상대적으로 풍부하며 대부분의 사람들이 시각적 피로를 피하기 위해 사용할 수 있다고 생각합니다.
Colorsublime
설치가 완료된 후 테마 설치를 입력하여 변경할 수 있습니다. 온라인 테마. 라이브러리에는 수백 가지 테마가 있는데 정말 좋습니다.
위 내용은 Sublime Text3 프런트엔드 필수 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!