040_NPM包管理器
阿新 • • 發佈：2021-10-10
目錄
- 簡介
- 使用npm管理專案
- 修改npm映象
- 其他命令
- 常用開發執行命令(可修改)：npm run dev
- 常用打包命令(可修改)：npm run build
簡介
NPM全稱Node Package Manager，是Node.js包管理工具，是全球最大的模組生態系統，裡面所有的模組都是開源免費的；也是Node.js的包管理工具，相當於前端的Maven 。
# 在命令提示符輸入 npm -v 可檢視當前npm版本
npm -v
使用npm管理專案
建立專案資料夾npmpro
vscode開啟專案資料夾
專案初始化 npm init
#建立一個空資料夾，在命令提示符進入該資料夾 執行命令初始化
npm init
#按照提示輸入相關資訊，如果是用預設值則直接回車即可。
#name: 專案名稱
#version: 專案版本號
#description: 專案描述
#keywords: {Array}關鍵詞，便於使用者搜尋到我們的專案
#最後會生成package.json檔案，這個是包的配置檔案，相當於maven的pom.xml
#我們之後也可以根據需要進行修改。
#如果想直接生成 package.json 檔案，那麼可以使用命令
npm init -y
npm init
安裝第三方模組 npm install
#使用 npm install 安裝依賴包的最新版， #模組安裝的位置：專案目錄\node_modules #安裝會自動在專案目錄下新增 package-lock.json檔案，這個檔案幫助鎖定安裝包的版本 #同時package.json 檔案中，依賴包會被新增到dependencies節點下，類似maven中的 <dependencies> npm install jquery #如果安裝時想指定特定的版本 npm install [email protected] #devDependencies節點：開發時的依賴包，專案打包到生產環境的時候不包含的依賴 #使用 -D引數將依賴新增到devDependencies節點 npm install --save-dev eslint #或 npm install -D eslint #全域性安裝 #Node.js全域性安裝的npm包和工具的位置：使用者目錄\AppData\Roaming\npm\node_modules #一些命令列工具常使用全域性安裝的方式 npm install -g webpack #npm管理的專案在備份和傳輸的時候一般不攜帶node_modules資料夾 npm install #根據package.json中的配置下載依賴，初始化專案
安裝mysql npm install mysql
npm install mysql
安裝jquery npm i jquery
npm i jquery
下載慢時，可以使用淘寶的npm映象
淘寶npm映象地址：http://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install redis
同時安裝多個第三方模組 npm i redis vue
npm install redis vue
或者
npm i redis vue
安裝指定版本第三方模組 npm install [email protected]
package.json的作用
- 在釋出專案或者拷貝專案的時候，node_moudles其實是沒意義的。因為它僅僅在開發和打包的時候使用
- 如果託管程式碼其實沒必要，為什麼。因為你package.json檔案中已經記錄了這些模組座標。我們可以直接使用npm install 去重新安裝和生成node-modules。所以的nodejs專案下載以後第一個要執行的命令都是npm install的原因也就是如此。
- 這也就是為什麼官方不提供node-modules的原因。因為你可以直接用npm install 去下載
新專案複用舊專案步驟
- 複製package.json檔案到新專案
- 執行npm install，會把package.json所依賴的模組全部自動下載
npm install
使用第三方模組
// 匯入模組mysql
const mysql = require("mysql");
// 匯入模組jquery
const jquery = require("jquery");
查詢第三方模組使用文件
開啟npm官網
搜尋mysql
開啟mysql文件
檢視mysql安裝和導言
其他內容檢視其他
執行 node xxx.js 或 node xxx
node demo.js
終止命令 Ctrl+C
解除安裝第三方模組 npm uninstall jquery
npm uninstall jquery
修改npm映象
修改npm映象
NPM官方的管理的包都是從 http://npmjs.com下載的，但是這個網站在國內速度很慢。
這裡推薦使用淘寶 NPM 映象 http://npm.taobao.org/
淘寶 NPM 映象是一個完整 npmjs.com 映象，同步頻率目前為 10分鐘一次，以保證儘量與官方服務同步。
設定映象地址
#經過下面的配置，以後所有的 npm install 都會經過淘寶的映象地址下載
npm config set registry https://registry.npm.taobao.org
#檢視npm配置資訊
npm config list
其他命令
#更新包（更新到最新版本）
npm update 包名
#全域性更新
npm update -g 包名
#解除安裝包
npm uninstall 包名
#全域性解除安裝
npm uninstall -g 包名