npm包管理工具
簡(jiǎn)介
什么是NPM
NPM全稱(chēng)Node Package Manager,是Node.js包管理工具,是全球最大的模塊生態(tài)系統(tǒng),里面所有的模塊都是開(kāi)源免費(fèi)的;也是Node.js的包管理工具,相當(dāng)于前端的Maven 。
NPM工具的安裝位置
我們通過(guò)npm 可以很方便地下載js庫(kù),管理前端工程。
Node.js默認(rèn)安裝的npm包和工具的位置:Node.js目錄\node_modules
- 在這個(gè)目錄下你可以看見(jiàn) npm目錄,npm本身就是被NPM包管理器管理的一個(gè)工具,說(shuō)明 Node.js已經(jīng)集成了npm工具
使用npm管理項(xiàng)目
創(chuàng)建文件夾npm
項(xiàng)目初始化
#建立一個(gè)空文件夾,在命令提示符進(jìn)入該文件夾 執(zhí)行命令初始化 npm init #按照提示輸入相關(guān)信息,如果是用默認(rèn)值則直接回車(chē)即可。 #name: 項(xiàng)目名稱(chēng) #version: 項(xiàng)目版本號(hào) #description: 項(xiàng)目描述 #keywords: {Array}關(guān)鍵詞,便于用戶(hù)搜索到我們的項(xiàng)目 #最后會(huì)生成package.json文件,這個(gè)是包的配置文件,相當(dāng)于maven的pom.xml #我們之后也可以根據(jù)需要進(jìn)行修改。 #如果想直接生成 package.json 文件,那么可以使用命令 npm init -y修改npm鏡像
NPM官方的管理的包都是從?http://npmjs.com下載的,但是這個(gè)網(wǎng)站在國(guó)內(nèi)速度很慢。 這里推薦使用淘寶 NPM 鏡像?http://npm.taobao.org/?,淘寶 NPM 鏡像是一個(gè)完整 npmjs.com 鏡像,同步頻率目前為 10分鐘一次,以保證盡量與官方服務(wù)同步。 設(shè)置鏡像地址: #經(jīng)過(guò)下面的配置,以后所有的 npm install 都會(huì)經(jīng)過(guò)淘寶的鏡像地址下載 npm config set registry https://registry.npm.taobao.org #查看npm配置信息 npm config listnpm install命令的使用
#使用 npm install 安裝依賴(lài)包的最新版, #模塊安裝的位置:項(xiàng)目目錄\node_modules #安裝會(huì)自動(dòng)在項(xiàng)目目錄下添加 package-lock.json文件,這個(gè)文件幫助鎖定安裝包的版本 #同時(shí)package.json 文件中,依賴(lài)包會(huì)被添加到dependencies節(jié)點(diǎn)下,類(lèi)似maven中的 <dependencies> npm install jquery#npm管理的項(xiàng)目在備份和傳輸?shù)臅r(shí)候一般不攜帶node_modules文件夾 npm install #根據(jù)package.json中的配置下載依賴(lài),初始化項(xiàng)目#如果安裝時(shí)想指定特定的版本 npm install jquery@2.1.x#devDependencies節(jié)點(diǎn):開(kāi)發(fā)時(shí)的依賴(lài)包,項(xiàng)目打包到生產(chǎn)環(huán)境的時(shí)候不包含的依賴(lài) #使用 -D參數(shù)將依賴(lài)添加到devDependencies節(jié)點(diǎn) npm install --save-dev eslint #或 npm install -D eslint#全局安裝 #Node.js全局安裝的npm包和工具的位置:用戶(hù)目錄\AppData\Roaming\npm\node_modules #一些命令行工具常使用全局安裝的方式 npm install -g webpack其它命令
#更新包(更新到最新版本) npm update 包名 #全局更新 npm update -g 包名#卸載包 npm uninstall 包名 #全局卸載 npm uninstall -g 包名?
總結(jié)