LoginSignup
0
0

More than 3 years have passed since last update.

npm について

Posted at

npmパッケージについて

npmパッケージとは、誰かが作った便利な機能をまとめたものです。
babelはnpmパッケージの1つです。

npm install することでインストールしたnpmパッケージはすべて「node_modules」というディレクトリに入っています。

"start": "./node_modules/.bin/babel src --out-dir dist && node dist/index.js"

↑package.jsonの中のコードです。

コマンドのやっていること
1. 「./node_modules/.bin/babel src --out-dir dist」 = babelでsrcディレクトリのファイルをコンパイルしてdistディレクトリの出力
2. 「node dist/index.js」 = distディレクトリのindex.jsを実行

使ってみる

chalkを使ってみました!

--saveをつけることで、npmパッケージが「node_modules」内にインストールされる際に「package.json」に記述されます。逆に書かない場合は、「package.json」には記述されないまま「node_module」にインストールされます。基本的には--saveをつけてインストールしましょう。

インストール

npm install --save chalk

src/index.jsに下記のコードを追加する。
js
import chalk from "chalk";
console.log(chalk.bgCyan("これはテストメッセージです"));

スクリーンショット 2020-02-10 4.17.39.png

実行!!!

npm run start

色がついて、ログが実行されれば成功です!!!
スクリーンショット 2020-02-10 4.20.28.png

readline-syncを使ってみる

readline-syncとは、コンソール上で質問文を表示し、受け取った答えをそのまま任意の定数に格納できるパッケージです。

インストール

npm install --save readline-sync

src/index.jsに下記のコードを追加する。

スクリーンショット 2020-02-10 4.30.35.png
```
import chalk from "chalk";
import readlineSync from "readline-sync";

let input = readlineSync.question("What's your name?: ");
console.log(chalk.magenta.bold.underline(input));
```

実行!!!

npm run start

スクリーンショット 2020-02-10 4.30.35.png

ここに入力するとsrc/index.jsの input に代入され、表示されれば成功です!

スクリーンショット 2020-02-10 4.41.45.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0