만약 이미 설치했거나 설치 여부가 확실하지 않다면 셸, 터미널, 명령창에서 다음 명령을 실행하여 Node.js와 npm의 설치 여부를 확인할 수 있다.

$ node -v
$ npm -v

 

Babel CLI와 babel-preset-react는 지역 모듈로 설치해야 한다. Babel CLI를 전역(npm으로 설치할 때 -g를 추가하여 실행)에 설치하는 것은 권장하지 않는다. 프로젝트가 다른 버전의 도구를 사용하는 경우에 충돌이 발생할 수 있기 때문이다. 부록 A에 있는 설치 과정을 짧게 정리하면 다음과 같다.

1. 새로운 폴더를 생성한다. 예를 들면 ch03/babel-jsx-test 같은 이름을 쓸 수 있다.

2. 새 폴더에서 package.json 파일을 생성한 후 여기에 빈 객체처럼 중괄호 {}를 작성하거나, npm init 명령을 이용해서 package.json 파일을 생성한다.

3. package.json이나 .babelrc 파일에 Babel 설정을 정의한다. 이 책에서는 package.json을 기준으로 설명하며, 다음 절에서 다룬다. .babelrc에 대해서는 다루지 않는다.

4. 필요에 따라 package.json에 프로젝트 이름, 라이선스, 깃허브 저장소 등의 정보를 작성한다.

5. Babel CLI와 babel-preset-react를 지역 모듈로 설치한다. npm i babel-cli@6.9.0 babel-preset-react@6.5.0 --save-dev 명령을 실행하면 이 패키지가 설치되고, package.json의 devDependencies 항목에도 추가된다.

6. 필요하다면 이어서 설명하는 Babel 명령어를 npm script로 작성할 수도 있다.