vue.js와 함께 숭고한 텍스트를 어떻게 사용합니까?

숭고한 텍스트로 Vue.js 개발을 향상 시키려면 패키지 제어를 통해 VUE 구문 강조 표시를 설치하고 더 빠른 HTML 템플릿을 위해 EMMET를 설정하고, Linting 및 Formatting을위한 Eslint 및 Pretier를 통합하고, 구문 분석 및 형식 온 옵션과 같은 주요 설정을 구성하고, 선택적으로 사용자 정의 스 니펫 또는 키 바인딩을 작성하십시오. 이 단계는 VUE 개발에 맞게 간소화되고 효율적인 워크 플로를 보장합니다.

vue.js와 함께 일하고 숭고한 텍스트를 사용하는 경우 워크 플로우를 더 매끄럽게 만들 수있는 몇 가지 주요 설정과 습관이 있습니다. Sublime은 VS Code와 같은 다른 편집자만큼 VUE에 특화되어 있지 않지만, 특히 몇 가지를 조정하면 여전히 매우 능력이 있습니다.

Vue Syntax Highlighting의 패키지를 설치하십시오

상자에서 Sublime은 하나의 파일에 HTML, JavaScript 및 CSS를 포함하는 .vue 파일을 완전히 지원하지 않습니다. 가장 먼저 원하는 것은 구문 강조를 올바르게 처리하는 패키지입니다.

• 패키지 컨트롤 사용 (아직 설치하지 않은 경우 Sublime 버전에 설치하는 방법을 찾으십시오).
• Open Command Palette ( Ctrl Shift P 또는 Cmd Shift P )
• 필요한 경우 "패키지 제어 설치"를 입력 한 다음 VUE 구문 하이라이트 또는 vuejs3 스 니펫을 검색하고 설치하십시오.

설치되면 .vue 파일이 올바르게 인식되고 색상으로 표시되어 구성 요소를 쉽게 읽을 수 있습니다.

더 빠른 템플릿 쓰기를 위해 Emmet을 설정하십시오

Emmet은 숭고하게 잘 작동하며 <template></template> 태그 내부에 템플릿을 작성할 때 매우 편리합니다.

• 패키지 제어를 통해 Emmet이 설치되어 있는지 확인하십시오
• VUE 파일에서 구문 모드가 HTML로 설정되어 있는지 확인하십시오 (하단 모서리를 Sublime에서 클릭하고 필요한 경우 HTML로 전환 할 수 있습니다).
• 이제 div.container>ul>li*3 과 같은 바로 가기를 사용하고 Tab 누르면 전체 마크 업으로 확장 할 수 있습니다.

이를 통해 VUE 템플릿에서 반복적 인 HTML 구조 작성 속도가 빨라집니다.

Linters 및 Formatter 플러그인을 사용하십시오

코드를 깨끗하고 일관성있게 유지하려면 eslint와 같은 라이터를 통합하는 것이 좋습니다.

• 먼저 프로젝트에 ESLINT가 설치되어 있는지 확인하십시오 ( npm install eslint --save-dev ).
• 그런 다음 패키지 컨트롤을 통해 Sublimelinter 및 Sublimelinter-Eslint를 설치하십시오
• Sublime을 자동으로 찾을 수없는 경우 설정에서 Linter 경로를 구성해야 할 수도 있습니다.

또한 형식 플러그인의 혜택을 누릴 수 있습니다. 더 Pretier -Code Formatter 패키지를 통해 더 Pretier를 사용해보십시오. 제대로 구성된 경우 .vue 파일 내부 형식을 지원합니다.

• 프로젝트 루트에서 .prettierrc 파일을 만듭니다
• 필요한 경우 파서를 vue 로 설정하십시오
• "format_on_save": true

키 바인딩 및 스 니펫 사용자 정의 (선택 사항이지만 유용함)

Vue와 함께 종종 작업하면 사용자 정의 스 니펫을 만들거나 키 바인딩을 조정하면 시간을 절약 할 수 있습니다.

예를 들어:

• Tools > Developer > New Snippet...
• 공통 vue 템플릿 구조를 붙여 넣고 vuecomp 와 같은 탭 트리거를 할당하십시오.

또한 원하는 방식으로 구속되지 않으면 서식 또는 줄무늬 명령에 빠르게 액세스 할 수 있도록 키를 다시 매핑하는 것을 고려하십시오.

그것은 기본적으로 그것입니다. 구문 지원, Emmet, Linters 및 옵션 스 니펫을 통해 Sublime Text는 Vue.js 개발을위한 견고한 환경이됩니다. 화려하지는 않지만 빠르고 사용자 정의 할 수 있습니다.

위 내용은 vue.js와 함께 숭고한 텍스트를 어떻게 사용합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!