NPM6.4.1(Node Package Manager)基礎入門與實戰

筆記大綱

• NPM簡介

• NPM常用命令

  • 查看當前npm版本
  • 項目初始化
  • 修改npm鏡像
  • install依賴包
  • update&uninstall安裝包

---

一、NPM簡介

  NPM全稱Node Package Manager，是Node.js包管理工具，相當於後臺中的Maven項目構建管理 ，它主要功能就是快捷下載js庫，管理前端工程。Node.js默認安裝npm包和工具位置：Node.js目錄\node_modules

二、NPM常用命令

（1）查看當前npm版本

#在命令提示符輸入 npm -v可查看當前npm版本

（2）項目初始化

方式一：#建立一個空文件夾，在命令提示符進入該文件夾 執行命令初始化 npm init

e:\(000)DevelopTools\VsCode\VSCode-workspace\nodejs-1114-edu>npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (nodejs-1114-edu) #項目名稱
version: (1.0.0) #項目版本號
description: #項目描述
git repository: #git倉庫
keywords: #關鍵詞，便於用戶搜索到我們的項目
author: #項目作者
license: (ISC) 
About to write to e:\(000)DevelopTools\VsCode\VSCode-workspace\nodejs-1114-edu\package.json:  #生成package.json文件，這個是包的配置文件，相當於maven的pom.xml

{
  "name": "nodejs-1114-edu",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": ""
}

Is this OK? (yes) yes

方式二：#建立一個空文件夾，在命令提示符進入該文件夾 執行命令初始化 npm init -y

e:\(000)DevelopTools\VsCode\VSCode-workspace\nodejs-1114-edu\npmdemo>npm init -y
Wrote to e:\(000)DevelopTools\VsCode\VSCode-workspace\nodejs-1114-edu\npmdemo\package.json:

{
  "name": "npmdemo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

（3）修改npm鏡像

  NPM官方管理包下載 http://npmjs.com，國內速度較慢，一般使用淘寶 NPM 鏡像 <http://npm.taobao.org/，它一個完整 npmjs.com 鏡像，同步頻率目前爲 10min一次，以保證儘量與官方服務同步！

#經過下面的配置，以後所有的 npm install 都會經過淘寶的鏡像地址下載
npm config set registry https://registry.npm.taobao.org 
#查看npm配置信息
npm config list

（4）install依賴包

#使用 npm install 安裝依賴包的最新版，
#模塊安裝的位置：項目目錄\node_modules
#安裝會自動在項目目錄下添加 package-lock.json文件，這個文件幫助鎖定安裝包的版本
#同時package.json 文件中，依賴包會被添加到dependencies節點下，類似maven中的 <dependencies>
npm install jquery

#npm管理的項目在備份和傳輸的時候一般不攜帶node_modules文件夾
npm install #根據package.json中的配置下載依賴，初始化項目

#如果安裝時想指定特定的版本
npm install jquery@3.1.x

#devDependencies節點：開發時的依賴包，項目打包到生產環境的時候不包含的依賴
#使用 -D參數將依賴添加到devDependencies節點
npm install --save-dev eslint
#或
npm install -D eslint

#全局安裝
#Node.js全局安裝的npm包和工具的位置：用戶目錄\AppData\Roaming\npm\node_modules
#一些命令行工具常使用全局安裝的方式
npm install -g webpack

（5）update&uninstall安裝包

#更新包（更新到最新版本）
npm update 包名
#全局更新
npm update -g 包名

#卸載包
npm uninstall 包名
#全局卸載
npm uninstall -g 包名

♚學習、實戰、總結、分享，讓生活變得更美好！
☞林大俠博客：https://coding0110lin.blog.csdn.net/  歡迎轉載，一起技術交流探討！