最近好多前端的初學朋友在問我前端里面的 npm 是什么東西，到底怎么用，只會知道一些簡單的命令冀续，但是不知其意思琼讽。我這里就在給大家分享一下前端常用的 npm 命令必峰。
安裝npm
一般來說，默認安裝了Node钻蹬，會自帶 npm 包管理工具
查看node版本
node -v
查看npm版本
npm -v
更新npm
npm install npm -g
npm全局安裝包吼蚁、腳本
npm 全局（本電腦）安裝包
比如安裝 vue
npm install vue -g
npm 刪除包
npm 刪除包，如果是刪除全局的问欠，加 -g
比如刪除 vue
npm uninstall vue -g
npm 安裝本地項目包
默認將包安裝到當前目錄的本地項目
比如當前項目安裝 jquery
npm install jquery
windows 下用 tree 查看文件樹形圖（和 npm 無關肝匆，只是小技巧）
tree /f
查看為當前項目安裝的包列表
npm list
查看某個包的詳細信息，安裝指定版本的包
npm 安裝包默認都會安裝最新版顺献，如果需要安裝指定版本旗国，先查看所有版本，然后安裝指定版本
以 jquery 為例子
npm info jquery? ? //查看 jquery 詳細信息
npm view jquery versions? ? //查看 jquery 版本（版本過多的話注整，一些版本會被隱藏省略）
npm view jquery versions --json? ? //查看所有 jquery 版本（不隱藏過多的版本能曾，全部顯示）
npm install jquery@1.11.1? ? //安裝 1.11.1 版本的 jquery
package.json
npm 包管理工具的配置文件，項目描述肿轨，介紹等等
項目名稱可以由英文寿冕，下劃線，連字符組成椒袍，不能包含空格
可以用手動創(chuàng)建驼唱，也可以用命令創(chuàng)建
npm init? ? //創(chuàng)建 package.json 配置文件，會一步一步提示
npm init -y? ? //創(chuàng)建 package.json 配置文件驹暑，默認的配置玫恳，不再提示
package.json 里面的 dependencies 表示項目依賴包（表示項目運行必須依賴的包，不論是將來上線還是現(xiàn)在開發(fā)）
npm install jquery --save? ? //安裝包的同時會把依賴包名稱放到 package.json 里面的 dependencies
npm uninstall jquery --save? ? //卸載項目的 jquery 包优俘，同時將 package.json 里的 dependencise 依賴關系刪掉
devDependencies 表示開發(fā)階段項目依賴包（表示只在開發(fā)階段需要的包京办，將來上線可以不需要）
npm install jquery --save-dev? ? //安裝包的同時會把依賴包名稱放到 package.json 里面的 devDependencies
npm i jquery -D? ? //以上的簡寫
npm uninstall jquery --save-dev? ? //卸載項目的 jquery 包，同時將 package.json 里面的 devDependencies 依賴關系刪掉
node_modules
npm安裝的包都在這個文件夾里兼吓，嵌套關系復雜臂港，整個項目下來，體積會較大，所以一般不開發(fā)的時候可以刪掉审孽，開發(fā)需要再次下載
npm install? ? //拿到別人的項目县袱，可以下載所有項目依賴包，會根據(jù) package.json 配置文件開始下載
包更新安裝
npm 安裝的包查看更信息佑力，是否可以更新
package.json 中的 dependencies 或者 devDependencies 里面的包的版本更新
npm 包的版本都是三位數(shù) 如："gulp": "2.7.0"
"devDependencies": {
"gulp": "^2.7.0",? ? //^表示更新的時候向上更新版本的 第二 位數(shù)字（常用）
"jquery": "~1.11.1",//~表示更新的時候向上更新版本的 第三 位數(shù)字（很小范圍的更新式散，不痛不癢）
"grunt": "*",? ? //*表示更新的時候向上更新版本的 第一 位數(shù)字 ，也就是最新版本（第一位數(shù)字的更新都是較大版本的更迭打颤，慎用）
}
npm outdated? ? //查看當前項目包的版本狀態(tài)暴拄，可以看出是否可以更新
npm update? ? //按照 package.json 中的更新配置向上更新
npm 下載源
一般來說，默認使用 npm 進行包安裝的時候编饺，使用的是默認源乖篷，可以通過工具 nrm 來查看，修改源透且，提高下載速度
npm install nrm -g? ? //全局安裝 npm 的 源工具 nrm
源工具 nrm 命令
nrm ls? ? //顯示可用源列表撕蔼，列表前的 * ，表示當前使用的源
nrm test? ? //測試所有源的速度
nrm use taobao? ? //修改使用淘寶的源
web前端常用的 npm 包管理命令基本就這些秽誊，其他的不是很常用的就不一一列舉了鲸沮，歡迎各位朋友共同學習。
