Prepros를 사용한 다국어 사전 처리
- Joseph Gordon-Levitt원래의
- 2025-02-23 09:14:11213검색
주요 특징 및 장점 :
현대 웹 개발은 전처리 언어에 크게 의존하여 HTML, CSS 및 JavaScript 개발의 속도, 편의 및 유연성을 향상시킵니다. 그러나 여러 전 처리기를 관리하는 것은 번거롭게 될 수 있습니다. Prepros는 단일 통합 솔루션을 제공하여 개별 언어 설치 및 구성의 필요성을 제거하여이를 우아하게 해결합니다.
Prepros의 작동 방식 :prepros를 사용하려면 폴더와 하위 폴더 내에 모든 전처리 파일이 포함 된 프로젝트 폴더를 만듭니다. 이 폴더를 Prepros 응용 프로그램 창으로 드래그하여 떨어 뜨립니다. Prepros는 모든 컴파일 가능한 파일을 자동으로 식별하고 나열합니다. 이 도구는 지능적으로 가져온 파일을 처리하여 백그라운드에서 모니터링하고 변경 사항에 따라 상위 파일을 다시 컴파일하는 파일을 다시 컴파일합니다. 변경 사항을 반영하기 위해 새 파일을 추가하거나 가져온 후 프로젝트를 새로 고치는 것을 잊지 마십시오. Prepros는 세분화 된 사용자 정의 옵션을 제공하여 오른쪽 패널을 통해 개별 파일 구성을 허용합니다. 프로젝트 차원의 설정은 프로젝트 도구 모음을 통해 관리 할 수 있으며, 전역 설정은 Prepros 옵션 창 (오른쪽 상단 메뉴를 통해 액세스)을 통해 액세스 할 수 있습니다.
적은 크고 커피 스크립트를 사용한 빠른 테스트 :
Prepros의 기능을 설명하기 위해 Less 및 CoffeeScript를 사용하여 간단한 테스트 프로젝트를 작성하겠습니다. "CSS"및 "JS"서브 폴더와 함께 프로젝트 폴더 ( "Prepros Testing")를 만듭니다. 그런 다음 test.html 파일을 만듭니다 (컴파일 할 CSS 및 JavaScript 파일 참조) :생성 ( "CSS"폴더에서) :
<code class="language-html"><!DOCTYPE html>
<meta charset="utf-8">
<title>Prepros Test</title>
<link href="css/test.css" rel="stylesheet" type="text/css">
<hr>
<div class="round-rect"></div>
</code>
( "js"폴더에서) :
test.less
<code class="language-less">.rounded-corners (@radius: 5px) {
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
-ms-border-radius: @radius;
-o-border-radius: @radius;
border-radius: @radius;
}
.round-rect {
width: 100px;
height: 100px;
background-color: orange;
.rounded-corners(10px);
}</code>
결론 : test.coffee
위 내용은 Prepros를 사용한 다국어 사전 처리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!