Sublime Text의 새 템플릿에서 .vue를 강조 표시
이번에는 새로운 Sublime Text 템플릿에서 .vue를 강조 표시하는 주의 사항을 함께 살펴보겠습니다.
이 글에서는 Sublime Text의 새로운 .vue 템플릿과 강조 표시(그림 및 텍스트 튜토리얼)를 소개하고, 모든 사람과 공유하고, 직접 메모를 남길 수 있습니다.
Install새 파일 템플릿 플러그인 SublimeTmpl 다운로드
vue 구문 강조 플러그인 Vue 구문 강조
다운로드 및 설치 Sublime Text용 플러그인을 설치하는 방법에는 두 가지가 있습니다.
1. 서브라임텍스트 자체 설치 라이브러리인 Package Control을 이용해 설치
메뉴 표시줄에서 기본 설정 -> 패키지 제어를 클릭하거나 단축키 CTRL+SHIFT+P를 사용하여 터미널 창을 열고 설치를 입력한 후 패키지 제어: 패키지 설치를 선택하여 설치하세요
2. 다운로드하여 패키지 디렉터리(Preferences / Browse Packages) 중국어: (Preferences / Package Browser) 폴더
에 직접 넣습니다. SublimeTmpl
- Vue 구문 강조
.vue 템플릿 생성 및 구문 강조 표시
Vue 구문 강조 표시를 설치한 후 이미 .vue 형식의 파일을 열 때 강조 표시할 수 있습니다. 이제 바로 가기 키를 설정하여 .vue 형식의 파일을 직접 생성해 보겠습니다.
SublimeTmpl에는 기본적으로 6개의 구문 템플릿만 있습니다:
html ctrl+alt+h
- javascript ctrl+alt+j
- css ctrl+alt+c
- php ctrl+alt+p
- ruby ctrl+alt+r
- python ctrl+alt+shift+p
이제 vue 형식을 생성하기 위한 새 템플릿을 추가합니다
1. Vue 파일 템플릿 만들기
플러그인 패키지 폴더를 직접 엽니다 Preferences -> Browse Packages
기본 설정 -> 패키지 찾아보기
패키지 폴더
템플릿이 저장된 폴더 템플릿을 열고 항목을 복사한 후 이름을 vue.tmpl
로 바꿉니다. vue.tmplvue.tmpl을 생성하고 콘텐츠를 원하는 템플릿으로 변경하세요
vue.tmpl 콘텐츠
2. 새 메뉴를 수정하고 새 뷰 옵션을 추가하세요
SublimeTmpl의 새 메뉴에는 기본적으로 vue가 없습니다.
새 -> 새 파일(SublimeTmpl)
메뉴 옵션을 클릭하거나 환경 설정 -> SublimeTmpl -> 메뉴 구성 항목 열기
항목을 복사한 다음 붙여넣고 vue 항목으로 변경하세요.
뷰 항목이 추가되었습니다
변경 사항을 저장하면 vue 항목이 새 메뉴에 나타납니다
Vue 항목이 나타납니다
위 사진의 new vue 항목을 클릭하면 이전에 설정한 템플릿 내용이 나오긴 하는데 구문 강조가 없고 일반 텍스트 형식입니다
새로운 vue 파일 만들기
3. 템플릿 바인딩 vue 구문 강조
환경 설정 열기 -> SublimeTmpl -> 기본 설정 열기
항목을 복사하여 vue로 수정하면 경로는 다음과 같습니다
바인딩 vue 구문
바인딩 구문 관련 파일 경로는 Sublime Text3DataCache 디렉터리를 확인하고 플러그인 이름이 강조 표시된 vue 구문을 찾아 열어보세요
Sublime Text3DataCache 디렉토리
Sublime Text3DataCachevue-syntax-highlight
새로운 vue 메뉴를 다시 생성하면 구문이 강조 표시됩니다.
새로운 vue 파일 만들기
4. 새 vue 파일을 생성하기 위한 단축키를 바인딩하세요
기본 설정 열기 -> SublimeTmpl -> 키 바인딩 - 기본값,
설정 바로가기 파일 열기
항목을 복사하여 붙여넣어 새 뷰를 만듭니다. 단축키는 ctrl+alt+v,
입니다. 단축키 만들기
저장한 후에는 새 메뉴
에서 사용할 수 있습니다. 새로운 파일 메뉴
시도해 보세요. 완벽해요!
드디어
Preferences -> Package Settings -> SublimeTmpl -> Settings - Commands 파일은 명령어 구성용인거 같은데 구성방법은 위와 같으니 그냥 고양이를 복사해서 호랑이를 그려보세요~
마지막
이러한 방식으로 다른 언어 템플릿을 직접 만들 수도 있습니다.
이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
추천 도서:
위 내용은 Sublime Text의 새 템플릿에서 .vue를 강조 표시의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7325
9
1625
14
1350
46
1262
25
1209
29
메모장 파일이 너무 커서 열 수 없으면 어떻게 해야 하나요?
Apr 08, 2024 am 03:15 AM
메모장 파일이 너무 커지면 시도해 볼 수 있는 몇 가지 해결 방법은 다음과 같습니다. 파일 크기 제한이 없는 Sublime Text와 같은 다른 텍스트 편집기를 사용하세요. 파일을 더 작은 부분으로 분할합니다. 레지스트리 편집기를 통해 대용량 파일 지원을 활성화합니다. Notepad++, 워드패드 또는 Microsoft Word와 같은 대체 방법을 사용하여 파일을 열어보세요. 파일을 압축하고 보관 도구로 엽니다.
메모장에서 텍스트 열을 정렬하는 방법
Apr 08, 2024 am 01:00 AM
메모장에서 텍스트 열 정렬을 수행하는 방법에는 세 가지가 있습니다. 1. 탭을 사용합니다. 2. 공백을 사용하고 수동으로 조정합니다. 3. 자동 정렬을 제공하기 위해 타사 도구(예: Notepad++, Sublime Text)를 사용합니다.
HTML을 열려면 무엇을 사용해야 합니까?
Apr 21, 2024 am 11:33 AM
HTML 파일을 열려면 Google Chrome 또는 Mozilla Firefox와 같은 브라우저를 사용해야 합니다. 브라우저를 사용하여 HTML 파일을 열려면 다음 단계를 따르십시오. 1. 브라우저를 엽니다. 2. HTML 파일을 브라우저 창으로 끌어다 놓거나 파일 메뉴를 클릭하고 열기를 선택합니다.
왜 숭고한 것을 열 수 없습니까?
Apr 03, 2024 pm 06:57 PM
Sublime이 파일을 열 수 없는 이유: 인증 문제, 손상된 파일, 호환성 문제, 플러그인 충돌, 방화벽/바이러스 백신 프로그램 차단, 권한 문제, 메모리 부족, 일시적인 파일 손상.
Python 프로그래밍에 적합한 소프트웨어는 무엇입니까?
Apr 20, 2024 pm 08:11 PM
초보자에게는 IDLE, Jupyter Notebook을 권장하고, 중/고급 학생에게는 PyCharm, Visual Studio Code, Sublime Text를 권장합니다. Cloud IDE인 Google Colab과 Binder는 대화형 Python 환경을 제공합니다. 다른 권장 사항으로는 Anaconda Navigator, Spyder 및 Wing IDE가 있습니다. 선택 기준에는 기술 수준, 프로젝트 규모 및 개인 선호도가 포함됩니다.
복사한 코드를 Python에서 사용하는 방법
Apr 20, 2024 pm 06:26 PM
Python에서 복사한 코드를 사용하는 단계는 다음과 같습니다. 코드를 복사하여 텍스트 편집기에 붙여넣습니다. Python 파일을 만듭니다. 명령줄에서 코드를 실행합니다. 코드의 용도와 작동 방식을 이해합니다. 필요에 따라 코드를 수정하고 다시 실행하세요.
HTML로 로컬 파일을 여는 방법
Apr 22, 2024 am 09:39 AM
HTML을 사용하여 다음과 같이 로컬 파일을 열 수 있습니다. .html 파일을 만들고 jQuery 라이브러리를 가져옵니다. 사용자가 파일을 선택할 수 있는 입력 필드를 만듭니다. 파일 선택 이벤트를 수신하고 FileReader() 객체를 사용하여 파일 내용을 읽습니다. 읽은 파일 내용을 웹 페이지에 표시합니다.
파이썬에서 py 파일을 만드는 방법
May 05, 2024 pm 07:57 PM
Python에서 .py 파일을 만드는 단계: 텍스트 편집기(예: 메모장, TextMate 또는 Sublime Text)를 엽니다. 새 파일을 만들고 들여쓰기와 구문에 주의하면서 Python 코드를 입력합니다. 파일을 저장할 때 .py 확장명(예: my_script.py)을 사용하세요.
