npm指令参数

参数名

含义

i

安装模块,install的缩写

uni

卸载模块,uninstall的缩写

-g

全局安装/卸载模块,默认安装到node安装目录;或者从安装目录卸载

-S

生产环境(dependencies)

-D

开发环境 (devDependencies)

--save

本地安装

-S是 --save的缩写;-D是 --save --dev的缩写。本文的结尾我会谈对开发环境和生产环境的理解

npm常用指令

1.修改本次下载地址为淘宝镜像

npm install [package] -g --registry http://registry.npm.taobao.org

只是对本次下载这个包有效

2.修改默认下载地址为淘宝镜像

npm config set registry http://registry.npm.taobao.org

永久配置下载地址为淘宝镜像,以后默认都从淘宝地址下载

如果你想恢复成官方下载地址,也是可以的

npm config set registry http://registry.npmjs.org/

3.下载cnpm

npm install cnpm -g --registry http://registry.npm.taobao.org

虽然我们可以通过配置npm默认下载地址为淘宝镜像,但是我们还是要跟随下大众的喜好。cnpm现在已经是淘宝镜像的代名词了,工作中用的比较多

4.查看npm安装路径

1.查看全局安装node包的路径

npm root -g

2.查看开发环境安装的node包路径

npm root -D

3.查看生产环境安装node包的路径

npm root -S

4.查看全局安装的包

npm list -g --depth 0

5.查看本地安装的包

npm list --depth 0

初始化命令

1.初始化npm

npm init --yes

执行完成后会出现package.json

2.安装项目依赖(会根据package.json进行安装)

npm install

一般来说,从git下载别人的项目都需要执行这个命令(因为没人会传node_modules)

3.查看包的历史版本

npm view [package] versions

4.添加新的包

# 全局安装
npm install [package] -g
# 开发环境安装
npm install [package] -D
# 生产环境安装
npm install [package] -S

如果需要安装指定版本的包,在package后面添加@1.x、@2.x、@3.x
比如我想安装3.0版本的vue:npm i vue@3.x

5.移除相关包

npm uninstall [package] -g
npm uninstall [package] -D
npm uninstall [package] -S

卸载命令要对应安装命令,比如如果安装在开发环境就要用-D的方法来卸载

开发环境与生产环境

至于什么是开发环境,什么是生产环境,我个人的理解是:

开发环境
指的是在项目打包前,进行开发编写代码的环境。这个代码量比较庞大,没有进行压缩处理。直接上线的话会占据服务器大量的带宽,使得网站访问速度很慢。所以开发环境的代码不可直接交付,需要进行打包压缩才可交付

生产环境
是指我们使用打包工具(gulp、webpack等)对项目进行打包后的环境。项目进行打包后会大大减少项目本身的体积(举例:500MB->50KB),这样压缩后的项目部署在服务器上也可以节省很大一部分带宽,网站的响应速度有质一般的飞跃。所以生产环境一般指打包上线后部署在服务器上投入正式生产的环境

总结:

相比开发环境,生产环境的代码进行了压缩,体积很小。但是生产环境只关心生产(响应速度,用户体验),它并不关心代码的可读性,所以其代码可读性很差,压缩后的代码往往是看不懂的【有的甚至被打包成了二进制】
那怎么办?你可以切换会开发环境编写代码呀,因为开发环境更关心代码的可读性和可迭代性,等到编写结束要打包上线的时候,你再进行压缩,转变为生产环境就好啦