全局安裝
// 默認(rèn)安裝最新版本的包 (以下安裝 swiper 插件為例)
npm install -g 包名
npm install -g swiper
// 指定版本安裝, 可以在npm官網(wǎng)查看包的版本
npm install -g swiper@8.0.0
// 卸載包
npm uninstall -g swiper
// 更新包
npm update -g swiper
本地安裝
命令和全局安裝一樣, 不過沒有 -g 參數(shù)
在本地安裝之前, 需要先通過命令 npm init 初始化 package.json 文件, 然后才可以安裝包
// 1. 初始化 package.json
npm init
// 安裝 / 卸載 / 更新
npm install swiper
npm uninstall swiper
npm update swiper
package.json
package.json 的格式如下, 是整個項目的配置文件.
{
"name": "demo", // 項目名稱
"version": "1.0.0", // 項目版本
"description": "", // 項目描述
"main": "index.js", // 項目入口文件
// 項目腳本代碼
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "", // 項目作者
"license": "ISC", // 項目開源協(xié)議
// 正式環(huán)境的依賴項
"dependencies": {
"swiper": "^8.0.7"
},
// 測試環(huán)境的依賴項
"devDependencies": {
"jquery": "^3.6.0"
}
}
scripts 項目腳本
在vue項目中通過vue-cli創(chuàng)建項目后, 我們會用npm run serve來運行.
實際上是使用了命令vue-cli-service serve命令來運行的.
由于命令太長就 scripts 中配置命令"serve": "vue-cli-service serve", 通過npm run serve執(zhí)行.dependenies / devDependencies 項目依賴項
在安裝包命令中添加參數(shù)-save后, 該包會被記錄到 dependenies 節(jié)點下
在安裝包命令中添加參數(shù)-save-dev后, 該包會被記錄到 devDependencies 節(jié)點下
npm install -save swiper // 記錄 swiper 到 dependencies 節(jié)點下
npm install -save-dev jquery // 記錄 jquery 到 devDependencies節(jié)點下
* dependenies/devDependencies的作用是當(dāng)需要拷貝項目的時候, 不需要將node_modules文件夾也一同拷貝, 這個文件夾是所有安裝的包會很大很多文件, 拷貝非常慢.
當(dāng)項目拷貝到其它地方的時候后, 只需要以下指令就能按照dependenies/devDependencies節(jié)點就能還原安裝包
npm install 安裝所有的包 (包括dependenies和devDependencies)
npm install --development 安裝所有的包 (包括dependenies和devDependencies)
npm install --production 只安裝dependenies節(jié)點下的包
