1. NPM 사이트에 회원가입하기
먼저, NPM의 공식 웹사이트에 접속해 회원가입을 합니다. NPM 계정이 있어야만 패키지를 배포할 수 있습니다.
2. GitHub에서 리포지토리 생성하기
코드를 관리할 GitHub 리포지토리를 생성합니다. 리포지토리 이름은 배포할 NPM 패키지의 이름과 일치시키는 것이 좋습니다.
3. 리포지토리를 로컬에 클론하기
생성한 리포지토리를 로컬 컴퓨터에 클론합니다. 터미널에서 다음 명령어를 입력하세요:]]
git clone <클론할 리포지토리 주소>
4. package.json 파일 생성하기
클론한 리포지토리 폴더로 이동한 뒤, 아래 명령어를 실행하여 package.json 파일을 생성합니다. 이 파일은 패키지의 메타데이터를 담고 있으며, 프로젝트의 심장과도 같은 역할을 합니다.
$ npm init -y
// 또는
$ npm init --scope=<조직-이름>
--scope 옵션으로 패키지 이름 앞에 조직 이름을 붙일 수 있습니다.
예를 들어 npm 패키지 설치 시 다음과 같은 명령어로 설치 가능합니다.
$ npm install @<조직 이름>/<패키지 이름>
5. 배포할 코드 작성하기
루트 디렉토리에 index.js 파일을 만들고, 배포할 코드를 작성합니다. 예를 들어, ESLint 규칙을 정의한 모듈을 배포한다면 다음과 같이 작성할 수 있습니다:
// ESLint 규칙 추가를 위한 설정
module.exports = {
rules: {
'no-console': 'off'
}
}
6. NPM에 로그인하기
NPM에 패키지를 배포하기 전에 먼저 NPM 계정으로 로그인해야 합니다. 터미널에서 다음 명령어를 입력하세요:
npm login
아이디와 비밀번호를 입력하면 로그인이 완료됩니다.
7. 패키지 배포하기
모든 준비가 끝났다면, 이제 패키지를 배포할 차례입니다. 다음 명령어로 배포를 진행하세요:
npm publish
배포가 성공적으로 완료되면, NPM 사이트에서 로그인한 뒤, 내가 올린 패키지를 확인할 수 있습니다.
ESLINT (https://eslint.org/docs/latest/use/getting-started)
1. eslint 를 글로벌로 설치
npm install -g eslint
2. 프로젝트 내에서 설치
ESLint 설정 파일(.eslintrc 또는 package.json 내의 eslintConfig 섹션)을 자동으로 생성
eslint --init
다른프로젝트에 적용하기
yarn add @<조직 이름>/<패키지 이름>
yarn add @purejjr/eslint-config --dev -W
ESLint 동작 방식
'Dev Tool' 카테고리의 다른 글
ESLINT 설정 (0) | 2022.01.13 |
---|---|
맥에서 인텔리제이 쉽게 사용하기 (0) | 2018.12.11 |