NPM의 명확한 정의와 그것이하는 일

현대적인 프론트 엔드 개발 도구가 많이 있으며 초보자는 종종 혼란스러워합니다. 많은 개념은 단일처럼 보이지만 실제로는 NPM과 그 생태계에 해당되는 여러 개의 상호 관련 부품으로 구성됩니다.

예를 들어, "인터넷"이라는 용어는 간단 해 보이지만 프로토콜, DNS, 서버, 브라우저, 네트워크, 요청 및 응답과 같은 많은 구성 요소와 수년간의 반복에 걸쳐 축적 된 다른 기술이 포함되어 있습니다. 브라우저 자체는 여러 부분으로 구성된 복잡한 시스템입니다.

가이드 챕터

1. 이 안내서는 누구입니까?
2. "NPM"은 정확히 무엇을 의미합니까? (현재 장)
3. 명령 줄은 무엇입니까?
4. node.js 란 무엇입니까?
5. 패키지 관리자 란 무엇입니까?
6. NPM을 설치하는 방법?
7. NPM 패키지를 설치하는 방법?
8. NPM 명령은 무엇입니까?
9. 기존 NPM 프로젝트를 설치하는 방법은 무엇입니까?

NPM은 기술 모음입니다

마찬가지로, 우리가 일반적으로 "NPM"(모든 소문자)과 "프론트 엔드 백엔드"라고 부르는 것은 실제로 브라우저 친화적 인 코드를 생성하는 데 사용되는 복잡한 Rub Goldberg 기계공과 같은 다양한 기술 및 시스템의 모음입니다.

앞에서 언급 한 명령 줄은 우리가 NPM 생태계와 상호 작용하는 주요 방법이며, 다음 장에서 자세히 설명합니다.

NPM 자체는 "패키지 관리"소프트웨어 범주에 속하며이를 설명하겠습니다. 실제로이 안내서에서는 종종 NPM을 패키지 관리자라고 할 수 있습니다.

마지막으로, Node.js 자체는 간결한 방식으로 설명하기가 어렵고 종종 Douglas Adams의 말로 요약합니다. JavaScript와 유사한 거의 비슷한 프로그래밍 언어는 아닙니다.

NPM 프로젝트 관리 도구

더 복잡한 점은 명령 줄에 npm install 입력하는 많은 프로젝트가 프로젝트에서 다양한 작업을 수행하기 위해 다양한 도구 (예 : SASS 코드 변환)와 같은 다양한 도구를 미리 설치할 수 있다는 것입니다. 많은 원 스톱 미리 구성된 프로젝트를 직접 설치할 수 있습니다 (예 : React App, Next.js, Nuxt.js 및 Sveltekit). 이것은 편리하지만 복잡성을 추가합니다. 즉, "프론트 엔드 백엔드"목록에 더 많은 이름을 추가해야합니다.

이 목록에는 일반적으로 Babel (JavaScript를 컴파일), SASS (CSS를 컴파일), 웹 팩 (자원 번들링), VITE (서버 및 기타 도구 개발), PostCS (하나의 구문을 다른 구문으로 변환), AutoPRefixer (CSSS Prefix에 사용될 수 있음), Posclice For javascript (evascript)가 포함됩니다. , 더 예쁘다 (포맷 코드) 및 Jest 또는 Cypress와 같은 테스트 라이브러리.

이러한 모든 (및 그 이상) 도구는 광범위한 범주로 분류되며, 종종 NPM 설치 프로젝트와 함께 제공되거나 NPM을 통해 설치 및 사용할 수 있지만 실제로는 NPM 자체의 일부는 아닙니다. 그것들은 코드를 더 잘 처리하는 데 도움이되는 현대적인 도구의 예일뿐입니다. 여기에서 언급하는 것은이 거대하고 떠오르는 세상에서 경계가 어디에 있는지 이해하기 위해 차이점을 설명하는 것입니다.

그건 그렇고, 위에서 언급 한 대부분의 도구가 무엇인지 모른다면 괜찮습니다. 어쩌면 당신은 아직 그들을 만나지 않았거나 그들의 이름을 모르고 프로젝트에 설치했을 수도 있습니다. 어느 쪽이든,이 모든 것은 단지 추가 컨텍스트를 제공하는 것입니다.

끝나자

이 순간에 약간 압도적이라고 느끼면 걱정하지 마십시오. 이 장을 읽은 후 기억할 수 있기를 바랍니다. 우리가 "NPM"(또는 더 우연히 "모든 명령 줄, 백엔드 물건")으로 생각하는 것은 단일 일이 아니라 개발을 더 쉽게 만들기 위해 함께 작동하는 일련의 구성 요소라는 것입니다.

그렇습니다 :이 모든 복잡성은 처음에는 어려워 보일 수 있지만, 상황이 더 나아집니다. 약속합니다.

프론트 엔드는 매우 빠르게 발전하고있는 것처럼 보이지만, 당신은 뒤에 남아 있지 않습니다 . 따라 잡기 위해 지속적인 학습을해야 할 수도 있습니다.

← 1 장 3 장 →

위 내용은 NPM의 명확한 정의와 그것이하는 일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!