Npm管理命令

余月七發表於2021-04-16

NPM一些相關操作

我們可以通過npm 可以很方便地下載js庫,管理前端工程。

Node.js預設安裝的npm包和工具的位置:Node.js目錄\node_modules

一、專案初始化

#建立一個空資料夾,在命令提示符進入該資料夾  執行命令初始化
npm init
#按照提示輸入相關資訊,如果是用預設值則直接回車即可。
#name: 專案名稱
#version: 專案版本號
#description: 專案描述
#keywords: {Array}關鍵詞,便於使用者搜尋到我們的專案
#最後會生成package.json檔案,這個是包的配置檔案,相當於maven的pom.xml
#我們之後也可以根據需要進行修改。
#如果想直接生成 package.json 檔案,那麼可以使用命令
npm init -y

二、修改映象

#經過下面的配置,以後所有的 npm install 都會經過淘寶的映象地址下載
npm config set registry https://registry.npm.taobao.org 
#檢視npm配置資訊
npm config list

三、npm 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@2.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

四、其他命令

#更新包(更新到最新版本)
npm update 包名
#全域性更新
npm update -g 包名
#解除安裝包
npm uninstall 包名
#全域性解除安裝
npm uninstall -g 包名

相關文章