> 웹 프론트엔드 > JS 튜토리얼 > rnr: 모든 프로젝트 실행 스크립트를 말하는 도구

rnr: 모든 프로젝트 실행 스크립트를 말하는 도구

Susan Sarandon
풀어 주다: 2024-09-29 06:20:29
원래의
728명이 탐색했습니다.

rnr: The Tool That Speaks Every Project run scripts

안녕하세요, JavaScript 및 TypeScript 개발자 여러분! ? 다양한 JS 프로젝트를 시작하기 위해 다양한 명령을 사용하는 데 지치셨나요? 음, 여러분을 위한 흥미로운 소식이 있습니다! 저는 JavaScript 또는 TypeScript 프로젝트를 매우 쉽게 실행할 수 있게 해주는 rnr("러너"로 발음)이라는 도구를 만들었습니다.

RNR은 무엇이며 왜 만들었나요?

React 앱, Node.js 서버, Vue.js 웹사이트 등 여러 JavaScript 프로젝트에서 작업하고 있다고 상상해 보세요. 시작하려면 각각 다른 명령이 필요합니다. 이는 각 장치마다 하나씩 다양한 리모컨을 사용하는 것과 같습니다. 헷갈리죠?

그래서 rnr을 만들었어요. JS 및 TS 프로젝트를 위한 범용 리모컨과 같습니다. rnr만 입력하면 사용 중인 프레임워크나 라이브러리에 관계없이 프로젝트를 시작하는 방법을 알아냅니다!

RNR이 할 수 있는 멋진 일들

  1. 스마트합니다: rnr은 프로젝트를 살펴보고 그것이 React, Vue, Express 또는 기타 인기 있는 JS 프레임워크인지 파악합니다.

  2. 많은 JS 프로젝트와 함께 작동: Next.js, Express, React, Vue 또는 일반 JavaScript를 사용하든 rnn은 이러한 프로젝트를 모두 처리하는 방법을 알고 있습니다.

  3. 최고의 패키지 관리자 선택: rnr은 npm, Yarn, pnpm 또는 Bun 중에서 프로젝트에 가장 적합한 것을 자동으로 선택합니다.

  4. 하나의 명령으로 모든 작업을 수행: 개발 모드에서 실행하고 싶으십니까? 프로젝트를 빌드하시겠습니까? 프로덕션 모드에서 시작하시겠습니까? rnn은 명령을 조금만 변경하면 이 모든 작업을 수행할 수 있습니다.

  5. 손쉬운 설정: rnr은 자체적으로 설정되지만 프로젝트에서 작동하는 방식을 사용자 정의하려는 경우 여러 가지 사항을 조정할 수 있습니다.

rnr 모드: JS 프로젝트를 실행하는 다양한 방법

rnr은 매우 유연합니다. JavaScript 프로젝트를 다양한 방식으로 작업하는 데 도움이 되는 다양한 모드가 있습니다.

  1. 개발자 모드: 코딩 중이고 변경 사항을 바로 확인하고 싶을 때 사용합니다. 마치 자신의 작업을 실시간으로 미리 보는 것과 같습니다.
    다음과 같이 사용하세요: rnr dev 또는 그냥 rnr

  2. 빌드 모드: 프로젝트 배포 준비가 완료되면 이 모드를 사용하세요. 이는 배송을 위해 앱을 포장하는 것과 같습니다.
    다음과 같이 사용하세요: rnr build

  3. 프로덕션 모드: 프로덕션 환경에서 앱을 실행하기 위한 모드입니다. 개발용이 아닌 성능에 최적화되어 있습니다.
    다음과 같이 사용하세요: rnr prod

우리는 거기서 멈추지 않습니다! 우리는 귀하의 JavaScript 개발 생활을 더 쉽게 만들기 위해 더 많은 모드를 추가하기 위해 노력하고 있습니다.

RNR을 시작하는 방법

rnr을 얻는 것은 매우 쉽습니다. 명령줄에 다음을 입력하세요.
여기에서 살펴보세요

npm i -g @sujit-shrc/rnr
로그인 후 복사
로그인 후 복사

그런 다음 JavaScript 또는 TypeScript 프로젝트 폴더로 이동하여 다음을 입력하세요.

rnr
로그인 후 복사

그렇습니다! RNR이 당신의 프로젝트를 시작하겠습니다.

내가 rn을 만든 이유

JavaScript 개발자로서 저는 다양한 프로젝트에서 npm run dev, Yarn start, pnpm run Serve 등을 전환하는 데 지쳤습니다. 나는 "더 좋은 방법이 있을 거야!"라고 생각했습니다. JS 프로젝트를 간단하고 일관되게 실행하기 위해 rnr이 탄생했습니다.
npmjs로 이동

당신이 RNR을 사랑하게 될 이유

  • 시간 절약: 더 이상 각 JS 프로젝트를 시작하는 방법을 찾아볼 필요가 없습니다.
  • 모든 JS 프레임워크에서 작동: React, Vue, Angular 또는 Node.js 프로젝트에 동일한 명령을 사용하세요.
  • 쉬운 모드 전환: 개발, 프로덕션, 빌드 모드를 손쉽게 전환하세요.
  • 계속 개선됩니다: 우리는 항상 더 많은 JS 도구 및 프레임워크에 대한 지원을 추가하고 있습니다.

rnr의 다음 단계는 무엇입니까?

우리는 JavaScript 및 TypeScript 개발자를 위해 더 나은 RNR을 만들기 위해 노력하고 있습니다! 우리는 더 많은 프레임워크에 대한 지원을 추가하고, 프로젝트 유형을 감지하는 방법을 개선하고, 테스트 및 디버깅을 위한 몇 가지 멋진 기능을 추가할 수도 있는 방법을 모색하고 있습니다. 계속 지켜봐주세요!

지금 RNR을 사용해 보세요!

JavaScript 및 TypeScript 프로젝트를 매우 쉽게 실행하고 싶으십니까? RNR을 사용해 보세요:

npm i -g @sujit-shrc/rnr
로그인 후 복사
로그인 후 복사

자세한 내용을 알아보거나, 문제를 보고하거나, JS 커뮤니티를 위해 RNR을 더욱 개선하는 데 기여하려면 GitHub 저장소를 확인하세요.

JavaScript 개발을 더 쉽고 재미있게 함께 만들어 봅시다!

JS 매니아 여러분, 즐거운 코딩 되세요! ?


P.S. 우리는 RNR에 대해 어떻게 생각하는지 듣고 싶습니다! JavaScript 프로젝트에서 사용해 보셨나요? TypeScript 사용자를 위해 더 나은 서비스를 제공할 수 있는 아이디어가 있습니까? 댓글이나 GitHub를 통해 알려주세요. 귀하의 피드백은 모든 JS 개발자를 위한 멋진 RNR을 만드는 데 도움이 됩니다!

위 내용은 rnr: 모든 프로젝트 실행 스크립트를 말하는 도구의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿