숭고한 텍스트 3 코딩 블록의 효율적인 개발 (미리보기)

코드 블록은 숭고한 텍스트 3 더 유사한 기능을 없다 원에 HBuilder X 사용을 참조하십시오 다른 사람이 삽입 될 수있는, 어 정말 있습니다. 숭고한 텍스트 3에서 조각을했다.

-snippet는거야? : 당신은 JS, HTML, VUE, 파이썬을 쓸 때 빠르게 ...의 사용자 지정 코드 블록을 삽입 할 수 있습니다.

데모 데모

bt4carousel 입력

 

 

전체 보도 탭 bt4carousel를 입력

 

 

 코드 생성이 완료!

-snippet 어떻게 사용 하는가? : 새로운 숭고한-조각 파일, 코드 블록을 쓰기 사용하는 파일을 저장합니다.

어떻게 숭고한-sinppet 파일을 만드는 방법?

새로운 다음

뷰 예

<미리보기> 
    <내용> <! [CDATA [
 <div ID = "carouselExampleIndicators"클래스 = "회전식 슬라이드"데이터 라이드 = "회전식"> 
  <올 클래스 = "회전식 지시기"> 
    <리 데이터 타겟 = "#의 carouselExampleIndicators을"= 데이터 밀어서 "0"클래스 = "활성"> </ 리> 
    <LI 데이터 타겟 = "#의 carouselExampleIndicators"데이터 밀어서 = "1"> </ 리> 
    <LI 데이터 타겟 = "#의 carouselExampleIndicators"데이터 슬라이드 -to = "2"> </ 리> 
  </ OL> 
  <div 클래스 = "컨베이어 - 내측"> 
    <div 클래스 = "활성 컨베이어 항목"> 
      <IMG 클래스 = "D 블록 w-100"SRC = "
    <div 클래스 = "회전식 항목"> 
      <IMG 클래스 = "D 블록 w-100"SRC = "$ {5-이}"ALT = "$ {6이}"> 
    </ div> 
  </ DIV > 
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"> 
    <스팬 클래스 = "회전 목마 제어 - 이전 - 아이콘"= "진정한 아리아 숨겨진 "> </ SPAN> 
    <스팬 클래스 ="SR 전용 "> 이전 </ SPAN> 
  </a>에 
  <클래스 ="회전식 제어 - 다음 "HREF ="#의 carouselExampleIndicators "역할 ="버튼 "데이터 슬라이드 = "다음"> 
    <스팬 클래스 = "회전 목마 제어 차세대 아이콘"아리아 숨겨진 = "진정한"> </ SPAN> 
    <스팬 클래스 = "SR 전용"> 다음 </ SPAN> 
  </a>에 
</ div> 
]]> </ 콘텐츠>  
    <- 선택! 스 니펫을 트리거하는 방법을 정의하는 tabTrigger 설정 - ->
    <! - <tabTrigger> 헬로 </ tabTrigger> -> 
    <- 선택! 스 니펫이 트리거 장소를 제한하는 범위를 설정 -> 
    <! - <범위> source.python </ 범위> - > 
    <tabTrigger> bt4carousel </ tabTrigger> 
    <! - <범위> text.html.basic </ 범위> -> 
    <범위> text.html.vue </ 범위> 
</ snippet>을

코드보기

Ctrl 키 + S는 새로운 조각에서 권장 ....... \ 숭고한 텍스트 3 개 \ 패키지 \ 사용자 폴더를 저장합니다

축하합니다, 사용자 정의 조각은 당신이 그것을 시도 소유해야 사용할 수있다.

어떻게 특정 파일 <범위> 값을 보려면? : Ctrl + Alt + Shift + P 또는 메뉴 표시 줄 - 도구 - 개발자 표시 범위 이름, 당신이 그것에 대응하는 값을 볼 수 있습니다, 당신은 값을 복사 할 수 있습니다 복사를 클릭합니다.

텍스트 3의 숭고한 내용에 대한 모든 기본적인 사용 니펫보다도, 내가 행복, 안녕을 사용하고 싶습니다.