Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What is going on with this article?
@wrongwrong

【Intellij IDEA(Ultimate)】Run/Debug Configurationsを触ってみる - npm編

More than 1 year has passed since last update.

この記事はJetBrainsIDE Advent Calendar 2019の2日目の記事です。

前書き

Intellij IDEA(Ultimate)Run/Debug Configurationsでは、Java/Kotlinのビルド・実行だけでなく、様々な設定を行うことができます。

この記事ではJava/Kotlin以外のコンフィグを設定する例として、npmのコンフィグ設定を触ってみます。

Java/Kotlin以外のコンフィグを設定する

コンフィグの追加はRun/Debug Configurationsウィンドウの右上の+ボタンから行うことができます。
画像の通り、この時点で大量の内容が設定できることが分かります(自分の環境では大分類だけで84有りました)。

また、Pluginを追加していくことで、設定可能な内容は更に増えていきます。

スクリーンショット 2019-12-01 18.21.02.png

npm関連のコンフィグを追加をしてみる

今回は例として、npm関連のコンフィグを追加してみます(サンプルリポジトリとしてcharliekassel/vuejs-datepickerを利用させていただきました)。

まずそのまま追加を行うと以下のような画面になります。
Java/Kotlinの設定項目とは違う内容が出ています。

スクリーンショット 2019-12-01 18.40.06.png

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"
}

スクリーンショット 2019-12-01 18.51.16.png

Commandを設定する

先ほどの画像の通り、初期状態ではCommandrunが指定されますが、ciinstallといった内容も当然指定可能です。

スクリーンショット 2019-12-02 11.07.37.png

Package Managerを設定する

画像の通り、Package Managernpmからyarnに変えるような設定も可能です。

スクリーンショット 2019-12-01 18.59.23.png

まとめ

この記事ではJava/Kotlin以外のコンフィグを設定する例として、npmのコンフィグ設定を触ってみました。

紹介した通り、Intellij IDEA(Ultimate)ではnpmに限らず、様々なコンフィグにそれぞれの設定/補完が用意されています。
まだ触ったことのない方がいらっしゃいましたらこの機会に是非触っていただければ幸いです。

0
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
wrongwrong
リフレクションを用いたKotlin JVM向けのマッピングライブラリを作ってる人です。 スター募集中 -> https://github.com/ProjectMapK
microad
データとテクノロジーをかけ合わせたマーケティングプラットフォームを提供する会社です。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
0
Help us understand the problem. What is going on with this article?