Vue.js開発基礎-(1)npmとパッケージ

vueプロジェクトバージョンの検証

npm list vue
上記のコマンドを実行すると、以下に示すようにvueプロジェクトに反映されたvueバージョンが表示されます.
+-- [email protected]

package.json

package.jsonを見ると、以下に示すdependenciesとdevDependenciesが表示されます.

"dependencies": {
    "vue": "^2.6.11",
    "vue-chartjs": "^3.5.1",
    "vue-json-to-csv": "^1.1.8",
    "vue-pdf": "^4.2.0",
    "vue-roller": "^1.12.4",
    "vue-router": "^3.1.5",
    "vue-sticky-directive": "0.0.10",
    "vue-sweetalert2": "^3.0.3",
    "vue-the-mask": "^0.11.1",
    "vuetify": "^2.4.3",
    "vuex": "^3.1.2",
  },
  "devDependencies": {
    "@mdi/font": "^5.0.45",
    "@vue/cli-plugin-babel": "~4.2.0",
    "@vue/cli-plugin-eslint": "~4.2.0",
    "@vue/cli-plugin-router": "~4.2.0",
    "@vue/cli-plugin-vuex": "~4.2.0",
    "@vue/cli-service": "~4.2.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "babel-eslint": "^10.0.3",
    "eslint": "^6.7.2",
    "eslint-plugin-prettier": "^3.1.1",
    "eslint-plugin-vue": "^6.1.2",
    "prettier": "^1.19.1",
    "vue-cli-plugin-vuetify": "~2.0.9",
    "vue-template-compiler": "^2.6.11",
    "vuetify-loader": "^1.3.0"
  }

npm
node.js上のアプリケーションストア、PlayStoreなどのロール(パッケージダウンロードリポジトリ)
.
package.json
プロジェクト情報と必要なパッケージ情報を含むファイル.
.
devDependencies
配備時に含まれないパッケージのリスト
.dependencies
配備時に含まれるパッケージのリスト

npm cli

npm install --save (dependencies)

$ npm install --save jquery
$ npm install jquery

# 특정 버전 명시
$ npm install [email protected] 

# alias
$ npm i jquery

npm install --save-dev/-D (devDependencies)

パッケージバージョンの管理

有効バージョン(Semver)
バージョンをX.Y.Z(Major.Minor.Patch)形式で管理します.1.0.0に示します.
Major更新
API互換性が変更されました
.
Minor更新
API互換性に問題はありませんが、変更やその他の問題があります.
.
ページの更新
APIが影響を受けないエラー修正は、パッチバージョンをアップグレードします.
^
(Caret)Minor Level範囲

"bootstrap": "^4.0.0" 
# 4.0.0 ~ 4.99.0 
# Minor Level에서 가장 최신 버전으로 install

~
(Tilde)Patch Level範囲

"jquery": "~4.0.7" 
# 4.0.0 ~ 4.0.99
# Patch Level에서 가장 최신 버전으로 install

リファレンス
https://heropy.blog/2018/02/18/node-js-npm/