如何在 ionic 中使用 package.json 安装所有依赖项和插件答案

【问题标题】：How to install all the dependencies and plugins using package.json in ionic如何在 ionic 中使用 package.json 安装所有依赖项和插件
【发布时间】：2018-06-26 00:38:33
【问题描述】：

我已经从 git 克隆了 ionic 项目，其中 node_modules、平台、插件不可用，但在 package.json 中我拥有所有详细信息，所以我是否必须一一安装，或者是否有任何捷径我可以使用 package.json 并安装所有 node_modules、平台和插件。

package.json

{
    "private": true,
    "engines": {
        "node": ">=4.0.0"
    },
    "scripts": {
        "test": "gulp build --minify && gulp karma"
    },
    "devDependencies": {
        "browser-sync": "^2.8.3",
        "chalk": "^1.1.0",
        "cordova": "^6.0.0",
        "del": "^2.0.0",
        "elementtree": "^0.1.6",
        "eslint": "^3.0.0",
        "gulp": "^3.9.1",
        "gulp-angular-filesort": "^1.1.1",
        "gulp-autoprefixer": "^3.0.1",
        "gulp-changed": "^1.3.0",
        "gulp-csso": "^2.0.0",
        "gulp-eslint": "^3.0.0",
        "gulp-filter": "^4.0.0",
        "gulp-htmlmin": "^2.0.0",
        "gulp-if": "^2.0.0",
        "gulp-imagemin": "^3.0.1",
        "gulp-inject": "^4.0.0",
        "gulp-jsonlint": "^1.1.0",
        "gulp-load-plugins": "^1.0.0-rc",
        "gulp-natural-sort": "^0.1.0",
        "gulp-ng-annotate": "^2.0.0",
        "gulp-plumber": "^1.0.1",
        "gulp-protractor": "^3.0.0",
        "gulp-rename": "^1.2.2",
        "gulp-sass": "^3.1.0",
        "gulp-shell": "^0.5.1",
        "gulp-size": "^2.0.0",
        "gulp-sourcemaps": "^1.5.2",
        "gulp-uglify": "^2.0.0",
        "gulp-useref": "^3.0.4",
        "karma": "^1.1.0",
        "karma-angular-filesort": "^1.0.0",
        "karma-jasmine": "^1.0.2",
        "karma-ng-html2js-preprocessor": "^1.0.0",
        "karma-phantomjs-launcher": "^1.0.0",
        "lodash": "^4.3.0",
        "main-bower-files": "^2.9.0",
        "minimist": "^1.2.0",
        "phantomjs-prebuilt": "^2.1.4",
        "plist": "git://github.com/akofman/plist.js.git#3f256fd21ab3ad3ada0f491cfc905098a2631342",
        "proxy-middleware": "^0.15.0",
        "require-dir": "^0.3.0",
        "vinyl-paths": "^2.0.0",
        "wiredep": "^4.0.0",
        "xml2js": "^0.4.9",
        "yeoman-test": "^1.1.0"
    },
    "generator-m-ionic": {
        "proxies": [
            {
                "proxyMapFrom": "/postman-proxy",
                "proxyMapTo": "https://echo.getpostman.com"
            },
            {
                "proxyMapFrom": "/another-proxy",
                "proxyMapTo": "https://echo.getpostman.com"
            }
        ]
    },
    "dependencies": {
        "angular-multiple-select": "^1.1.2",
        "cordova-android": "^6.2.3",
        "cordova-ios": "~4.3.1",
        "cordova-plugin-device": "~1.1.5",
        "cordova-plugin-network-information": "~1.3.2",
        "cordova-plugin-whitelist": "1",
        "cordova-plugin-x-toast": "~2.6.0",
        "ionic-plugin-keyboard": "~2.2.1",
        "pdfmake": "^0.1.31"
    },
    "cordova": {
        "plugins": {
            "cordova-plugin-x-toast": {},
            "cordova-plugin-device": {},
            "cordova-plugin-network-information": {},
            "cordova-plugin-whitelist": {},
            "ionic-plugin-keyboard": {}
        },
        "platforms": [
            "android",
            "ios"
        ]
    }
}

【问题讨论】：

能否包含有问题的 package.json？
@SurajRao 你能检查更新的问题吗
你有最新的 ionic cli 版本吗？
@SurajRao 你想知道我用的是什么版本吗？
是的..这是你的离子 cli 版本。不是框架..还是您没有安装它？

标签： json node.js git ionic-framework

【解决方案1】：

首先从你的 package.json 安装 ionic 和 cordova cli。（这是一个带有 android/ios 平台的 ionic v1 项目）。

npm i -g cordova ionic

要安装依赖项和 devDependencies，请执行以下操作：

npm install

按照 package.json 安装插件和平台，

ionic cordova prepare

【讨论】：

离子 cli 版本是 3.4.0，当我发出命令 ionic cordova prepare 时，我收到消息，因为您不在项目目录中
你需要在项目文件夹中运行 npm install 和 ionic cordova prepare

【解决方案2】：

您可以使用npm install 命令，这将在本地安装所有项目依赖项。

npm install 命令的 npm 官方文档描述：

这个命令安装一个包，以及它所依赖的任何包。如果软件包有 package-lock 或 shrinkwrap 文件，则安装的依赖项将由它驱动，带有 npm-shrinkwrap.json 如果两个文件都存在则优先。请参阅 package-lock.json 和 npm-shrinkwrap。

source

【讨论】：