npm init 소개

npm(노드 패키지 관리자)이나 yarn의 지원이 없으면 웹 응용 프로그램 개발을 고려할 수 없다는 것에 동의하십니까?그래, 내가 좀 과장했나 봐. 그렇지만 사실은 좀 비슷해.매일 수백만 개의 웹 응용 프로그램이 npm이나 Thread를 사용하여 프로젝트 의존 관계를 만들고 관리합니다.
웹 개발자로서, 우리는 npm나 실을 사용하여 프로젝트를 시작합니다.npm init 또는 yarn init 명령은 신규 또는 기존 패키지/프로젝트를 설정하는 데 도움이 됩니다.npm init 명령은 당신에게 몇 가지 질문을 할 것입니다.사용자가 제공한 답안과 기본값은 package.json이라는 특정 파일을 만들 것입니다.그것은 모든 프로젝트 메타데이터와 의존 관계 정보를 포함한다.
질문에 대한 대답을 건너뛰고 기본값을 사용하려면 -y 또는 -yes 스위치를 사용하십시오. 그림1과 같습니다.

Figure 1: npm init -y

왜 맞춤형으로 만들어야 합니까?

그런데 문제가 하나 있다.기본값을 좋아하지 않을 수도 있습니다.이것은 아마 너와 무관할 것이다.예를 들어, 이름, 이메일 id, URL을 author 키의 값으로 제공하기를 원할 수도 있습니다.MIT을 license의 값으로 제공할 수 있습니다.또한 프로젝트를 시작할 때마다 이 값을 입력하면 기분이 좋지 않을 수도 있습니다.
다음은 npm init 명령을 사용자 정의할 수 있는 기회입니다.사용자 및 프로젝트와 관련된 내용에 따라 일부 값을 덮어쓸 수 있습니다.우리는 그것을 맞춤형으로 만들 것이다.

맞춤형 npm 초기화

먼저 다음 명령을 사용하여 npm 구성 값을 나열할 수 있습니다.

npm config ls -l

이것은 npm 설정 값을 길게 출력합니다.이것들은 키 값이 맞다.자세히 살펴보고 init-으로 시작하는 열쇠에 눈을 맞추세요.다음 그림2에는 init-author-email, init-author-name, init-author-url 및 init-license의 기본값이 나와 있습니다.

Figure 2: Default values of email, name, URL, and license

이 값들을 덮어쓰겠습니다.다음 명령을 사용하여 특정 값이 있는 키를 전체적으로 덮어쓸 수 있습니다.

npm config set <Key> <Value> -g

따라서 init-author-email을 전자 우편 id로 설정하려면

npm config set init-author-email "[email protected]" -g

마찬가지로 이름, URL 및 라이센스를 덮어씁니다.

npm config set init-author-name "Tapas Adhikary" -g
npm config set init-author-url "https://tapasadhikary.com" -g
npm config set init-license "MIT" -g

시험적으로 사용할 때 이름, 이메일 id, URL, 허가증 정보를 제공해 주십시오.npm config ls -l을 다시 실행합니다.npm 설정 값 목록에서 이 변화를 볼 수 있을 것입니다.목록 상단의 globalconfig 값을 확인하십시오.그것은 아래의 그림3과 유사해야 한다.

Figure 3: globalconfig values

또한, 우리가 변경한 init- 값을 아래로 스크롤하고 보면 덮어쓰기로 표시된 값을 볼 수 있습니다.또한 init-module과 init-version의 값을 사용자 정의할 수도 있습니다.

Figure 4: Overriden values

값을 제대로 설정했는지 확인하는 또 다른 방법이 있습니다.npm config get <Key> 명령을 사용하십시오.예를 들어 우리의 예에서 npm config get init-author-url은 https://tapasadhikary.com/으로 되돌아와야 한다.
알겠습니다. 가방을 만들기 위해 npm init -y을 실행하겠습니다.json 파일.아래의 그림5를 주의하세요.이것은 사용자 정의 값 (작성자 및 허가증) 을 사용하여 package.json 파일을 만드는 것입니다.

Figure 5: npm init -y after the customization

npm init (-y 스위치 없음) 명령이 사용자 정의 값으로 package.json 파일을 만드는 방법을 보여 줍니다.

Figure 6: Let's see the flow

npm init 또는 yarn init을 사용하여 프로젝트를 만들 때마다 이러한 값을 입력할 필요가 없습니다.믿기지 않죠?지금 npm init을 주문하시기 바랍니다.

등등, 더 많은: init 모듈

당신은 npm init문제 힌트에 당신의 문제를 추가할 수 있다는 것을 아십니까?그래, 너는 네가 선택한 어떤 문제를 제기하고, 답을 받아들이고, 심지어는 행동을 취할 수 있다.
이를 위해 다음 명령을 사용하여 init-module의 값을 찾습니다.

npm config get init-module

그것은 .npm-init.js이라는 파일을 가리킬 것이다.Windows 운영 체제에서 예상되는 파일 경로는 C:\Users\<User_Name>\.npm-init.js입니다.파일이 해당 위치에 있는지 확인하십시오.없으면 이 위치에 .npm-init.js이라는 빈 파일을 만듭니다..npm-init.js 파일에서 다음 코드를 복사하여 저장합니다.여기서 우리는 사용자 정의 author과 license을 포함한 모든 기본값을 제시한다.deploy에 새 프롬프트가 추가되었습니다. 기본값은 Netlify입니다.기본적으로 npm config은 배포 키를 제공하지 않습니다.우리는 그것을 추가하기로 선택했다.

module.exports = {
  name: prompt('package name', basename || package.name),
  version: prompt('version', '1.0.0'),
  decription: prompt('description', ''),
  main: prompt('entry point', 'index.js'),
  keywords: prompt(function (s) { return s.split(/\s+/) }),
  author: prompt('author', 'Tapas Adhikary <[email protected]> (https://tapasadhikary.com)'),
  license: prompt('license', 'MIT'),
  repository: prompt('github repository url', ''),
  deploy: prompt('Where to deploy?', 'Netlify'),
}

Please note, if you use the .npm-init.js file as we have seen here, you no need to override the init- values globally. Providing default values in the .npm-init.js file is sufficient.

네, 지금 npm init을 하겠습니다.deploy의 힌트도 보실 수 있습니다.

{
  "name": "customize-npm-init",
  "version": "1.0.0",
  "decription": "",
  "main": "index.js",
  "keywords": [],
  "author": "Tapas Adhikary <[email protected]> (https://tapasadhikary.com)",
  "license": "MIT",
  "deploy": "Netlify"
}

그뿐만이 아닙니다.프롬프트에 제공된 입력에 따라 다른 작업을 수행할 수도 있습니다.이거 멋있지 않아요?다음은 deploy 값을 기록한 예입니다.

deploy: prompt('Where to deploy?', 'Netlify', function (input) {
      if (input) {
        console.log(`You have selected ${input}`)
      }
      return input;
})

응, 이것은 아주 유용한 예가 아닐 수도 있어.그러나 GitHub 저장소를 만들고 제공된 GitHub 저장소 URL에 따라 설정하는 방법은 무엇입니까?네, 당신도 괜찮아요.

repository: prompt('github repository url', '', function (url) {
  if (url) {
     // Execute commands to initialize a GitHub
    // repository with initial Readme.md file and
   // push it.
  }
  return url;
})

이것은 매우 유용하다.필요에 따라 npm init을 맞춤형으로 구성하면 생산성이 향상되고 프로젝트 창설에 일치성을 얻을 수 있습니다.나는 이 건의들이 너에게 도움이 되기를 바란다.
나는 네가 이 문장을 좋아하거나 그것이 도움이 된다고 생각하기를 바란다.우리 연락합시다.너는 생각, 기교, 코드 실천을 공유하는 데 있어서 나를 찾을 수 있다.
자네가 더 좋아할지도 모르지만,

Build, Test and Publish your NPM, I just did it in few minutes!

The npm Dependency Handbook for You

Toolkit for Publishing your React Component to the Node Package Manager(NPM)