어떻게 가방을 npm에 발표합니까 (업계에서 일하는 방식)

가방을 npm에 발표하는 것은 매우 간단하다.두 가지 단계가 있습니다.

패키지를 만듭니다.

발표 패키지.

그런데 소프트웨어 패키지를 출판하는 방식이 업계인가요?그리 간단하지 않다.더 많은 절차가 있다.소프트웨어 패키지를 발표하고 업데이트하는 간단한 방법을 보여 드리겠습니다.

첫 번째 패키지 만들기

만약 이전에 npm에 소프트웨어 패키지를 발표한 적이 없다면, 이 절은 당신에게 적용됩니다.만약 당신이 전에 문장을 발표한 적이 있다면, 다음 절로 넘어가세요.
첫 번째 패키지를 npm에 게시하려면 다음 단계를 완료해야 합니다.
우선,npm 계좌가 필요합니다.만약 당신이 아직 없다면, here을 만듭니다.
그 다음, 명령줄을 통해 npm 계정에 로그인해야 합니다.(이 절차를 실행하기 전에 시스템에 Node와 npm을 설치해야 합니다. here을 설치해야 합니다.
로그인하려면 npm login을 사용하십시오.

npm login

사용자 이름, 암호 및 전자 메일 주소를 입력하라는 메시지가 표시됩니다.

셋째, 가방을 만들어야 합니다.이를 위해 컴퓨터의 어느 위치에 폴더를 만들고 탐색하십시오.명령줄 버전:

# Creating a folder named how-to-publish-to-npm
mkdir how-to-publish-to-npm

# Navigating into the folder
cd how-to-publish-to-npm

이제 npm init 명령을 사용하여 프로젝트를 시작하십시오.

npm init

이 명령은 몇 가지 문제를 완성하고 마지막으로 package.json 파일을 만듭니다.이 package.json 파일에는 프로젝트 발표에 필요한 기본 필수품이 포함되어 있습니다.무의미한 문제는 건너뛸 수 있다.

마지막 단계는 npm publish 명령을 사용하여 패키지를 발표하는 것입니다.

npm publish

이 가방이 npm에 존재하면 (가방이 npm의 다른 가방과 같은 이름을 가지고 있기 때문에) 발표할 수 없습니다.너는 잘못을 하나 얻게 될 것이다.

패키지 이름을 변경해야 합니다.
패키지 이름을 변경하려면 name 파일의 package.json 속성을 변경합니다.여기서 나는 그것을 publishing-to-npm으로 바꾸었다.
(npm에서 검색하거나 npm search 명령을 통해 명칭 충돌을 검사할 수 있습니다.)

일관성을 유지하기 위해서는 폴더 이름을 업데이트하는 것이 좋습니다.이것은 등효 명령행이다.

# Command to change folder names by moving everything
mv how-to-publish-to-npm publishing-to-npm

publish 명령을 다시 시도하십시오.너는 지금 틀림없이 성공 소식을 받을 것이다.

만약 네가 생각해 낸 모든 이름이 이미 인용되었다면, 어떻게 해야 하는가

이것은 많은 사람들이 npm에서 가방을 만들기 때문에 흔히 볼 수 있는 문제이다.때때로 네가 원하는 소포의 이름을 얻기 어렵다.(내가 영원히 좋은 .com 도메인을 찾지 못할 것처럼)
이 문제를 해결하기 위해npm는 범위까지 발표할 수 있습니다.이것은 사용자 이름 (또는 npm 조직) 을 사용하여 패키지를 발표할 수 있음을 의미하기 때문에 이름 문제가 없습니다.
범위에 게시하려면 다음을 수행할 수 있습니다.

에서 name에서 @username/package-name으로 수동으로 변경

은 package.json이 아니라 npm init --scope=username을 실행합니다.

저장소에 범위가 있는 경우 게시 명령을 약간 조정해야 합니다.

npm publish --access public

이것은 패키지를 npm에 발표하는 데 필요한 모든 작업입니다.
이제 이 업계가 어떻게 소프트웨어 패키지를 발표했는지 살펴보자.

업계에서 소프트웨어 패키지를 발표(업데이트)하는 방법.

React 같은 유행하는 프레임워크를 고려합니다.만약 네가 자세히 연구한다면, 너는 몇 가지 일을 알아차릴 것이다.
우선, React에는 Github repository이 있습니다.
둘째, React는 published onnpm입니다.
셋째, React는 Semantic versioning(Semver)을 따릅니다.

넷째, React의 업데이트마다 이와 관련된git 표시가 있습니다.이 git 표시도 Semver 뒤에 있습니다.

다섯째, React 업데이트당 release notes개가 있습니다.
이것은 가방을 발표하는 데 많은 절차가 필요하다는 것을 의미한다.적어도 너는 다음과 같이 해야 한다.

테스트 실행 (있는 경우)

Semver

에 따라 npm init에서 version 업데이트

Semver

에 따라git 태그 만들기

가방을 Github

으로 밀어냄

푸시 소포 번호 npm

업데이트마다 발행 설명 만들기

우리가 추진하려고 할 때, 그 중 하나를 잊어버리는 것은 매우 흔한 일이다.때때로 우리는 package.json, 우리는 휴식을 즐긴다.우리가 돌아올 때, 우리는 잊어버려서 자책할 것이다.
더 간단한 방법이 있어요.이것은 npm publish이라는 도구입니다.

np

np(Sindre Sorhus에 의해 창설됨)은 우리가 위에서 설명한 어떤 절차도 놓치지 않고 가방을 더욱 쉽게 발표할 수 있게 한다.

설치 np

np을 설치하려면 다음 명령을 실행합니다.

npm install np

이것은 실행할 수 있다.그러나 나는 내 컴퓨터에 전역적으로 np을 설치하는 것을 더욱 좋아한다. 이렇게 하면 나는 어디에서든 np 명령을 실행할 수 있다.

sudo npm install --global np

np를 사용하기 전에

np을 사용하기 전에 다음을 확인해야 합니다.

Git 저장소

원격

이 필요합니다.

리모컨을 한 번 이상 눌러야 합니다.

작업 디렉터리가 깨끗한지 확인해야 합니다.

# Initialize Git
git init

# Adds a remote repository
git remote add origin some-url

# Commit changes
git add .
git commit -m "Initial Commit"

항목이 Git 저장소가 아닌 경우 다음 오류가 발생합니다.
항목이 Git 저장소가 아닌 경우 np 오류
프로젝트에remote가 없으면 이 오류가 발생합니다. (검사의 뒷부분에서)
np의 오류입니다. 프로젝트에 원격이 없으면이 오류는 과정 후기에 발생할 것이다
작업 디렉토리가 더럽으면 다음과 같은 오류가 발생합니다.
np의 오류 작업 디렉터리 더러움
Git 리모컨을 한 번 이상 누르지 않으면 np이 꺼지고 아무것도 하지 않습니다.

npm 사용

np을 사용하려면 np 명령을 실행하십시오.

np

np에서 Semver 번호를 입력하라는 메시지가 표시됩니다.

숫자를 선택하십시오. np은 선택을 확인해 주십시오.
np 그리고 나머지 발표 작업을 완료합니다.

테스트 실행 중 오류 발생

np은 np 명령을 검사의 일부로 실행합니다.
튜토리얼에 따라 작업을 계속하면 다음과 같은 오류가 발생합니다.
npm test 명령으로 인해 오류가 발생했습니다.너는 스스로 시험해 볼 수 있다.

npm test

이 오류를 복구하기 위해서 npm test 파일의 test 스크립트를 변경해야 합니다.
지금 보아하니 이렇다.

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1"
},

다음과 같이 변경합니다.

"scripts": {
  "test": "echo \"No test specified\""
},

이 변경 사항이 유효한 이유는 package.json에서 오류가 발생했기 때문입니다.
이 변경을 통해 exit 1은 발표 과정을 마쳐야 합니다.np을 실행하기 전에 변경 사항을 제출하십시오.

이 프로세스가 끝나면 np에서 릴리즈 노트를 작성할 수 있는 브라우저 창이 시작됩니다.

요컨대 np은 발표 패키지를 더욱 간단하게 합니다!
읽어주셔서 감사합니다.본고는 최초로 my blog에 발표되었다.더 좋은 전단 개발자가 될 수 있도록 더 많은 글을 원한다면 my newsletter을 등록하세요.