이 기사는 JetBrainsIDE Advent Calendar 2019의 둘째 날 기사입니다.

사전 쓰기

Intellij IDEA(Ultimate) 의 Run/Debug Configurations 에서는, Java/Kotlin 의 빌드·실행 뿐만이 아니라, 다양한 설정을 실시할 수가 있습니다.

이 기사에서는 Java/Kotlin 이외의 구성을 설정하는 예로 npm의 구성 설정을 살펴 보겠습니다.

Java / Kotlin 이외의 구성 설정

구성 추가는 Run/Debug Configurations 창의 오른쪽 상단에 있는 + 버튼에서 수행할 수 있습니다.
이미지와 같이, 이 시점에서 대량의 내용을 설정할 수 있는 것을 알 수 있습니다(자신의 환경에서는 대분류만으로 84 있었습니다).

또, Plugin 를 추가해 가는 것으로, 설정 가능한 내용은 더욱 늘어나 갑니다.

npm 관련 구성을 추가해보십시오.

이번에는 예로서 npm 관련 구성을 추가해 보겠습니다 (샘플 리포지토리로 charliekassel/vuejs-datepicker를 사용하겠습니다).

우선 그대로 추가하면 다음과 같은 화면이 됩니다.Java/Kotlin 의 설정 항목과는 다른 내용이 나와 있습니다.

Scripts 지정

그림과 같이 npm의 구성은 package.json를 로드합니다.
따라서 다음과 같이 npm run 로 움직이는 Script 의 지정에는 보완이 효과가 있습니다.

package.json (발췌)

"scripts": {
  "build": "npm run lint && rm -rf dist/* && rollup -c scripts/build.js && rollup -c scripts/build-locale.js",
  "serve": "rollup -c scripts/serve.js --watch",
  "test": "jest --config test/unit/jest.conf.js --coverage",
  "lint": "eslint --ext .js,.vue src test/unit/specs",
  "prepublishOnly": "npm run build"
}

Command 설정

방금 전의 화상대로 초기 상태에서는 Command 에 run 가 지정됩니다만, ci 이나 install 와 같은 내용도 당연히 지정 가능합니다.

Package Manager 설정

그림과 같이 Package Manager 를 npm 에서 yarn 로 바꾸는 설정도 가능합니다.

요약

이 기사에서는 Java/Kotlin 이외의 구성을 설정하는 예로 npm의 구성 설정을 살펴 보았습니다.

소개한 대로, Intellij IDEA(Ultimate) 에서는 npm 에 한정되지 않고, 다양한 컨피그에 각각의 설정/보완이 준비되어 있습니다.
아직 만진 적이없는 분이 계시면이 기회에 꼭 만져 주시면 감사하겠습니다.