Dev Tool

NPM 배포하기 - ESLINT

Developer Mobssie 2024. 4. 5. 22:21

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