一.yarn
npm install -g yarn---安装yarn
yarn init--初始化项目
yarn install 包名---安装里面的所有包
yarn add 包名 ----在当前项目添加一个依赖包,自动更新和创建和
yarn remove 包名 --删除包
yarn add 包名 --dev ----添加开发时依赖
yarn upgrade 包名----更新包
二.npm( Node Package Manager)
简称为Node包管理工具
1.安装(首先我们需要安装Node)
如果没有安装Node可以使用mac的包管理神器HomeBrew进行安装,首先下载HomeBrew,接下来在终端执行以下命令
brew install node
也可以选择去官网下载pkg安装包,记得下载长期稳定版,即LTS版
可以在官网中选择windows相对应的版本,同样下载稳定版本,一步点击安装即可
2.使用
当下载好Node后我们就可以使用npm命令进行包的管理,接下来打开终端:
1.检查Node版本
npm --version
npm -v
2. 本地安装包
如果你想让你的模块依赖某一个包,并且通过require加载进来那么你需要安装一个本地包,供你当前的项目依赖,又称作项目运行的依赖
npm install <package_name>
3. 全局安装包
如果你想将安装的包,作为命令提示行的命令符,那你需要全局安装该包,比如说gulp工具
npm install <package_name> -g
npm install <package_name> --global //两者均可
4. 检查
安装之后,在安装的根目录下会出现一个node_modules的文件夹,你面的bin目录下会存放你安装的本地包,假如我们安装了jquery那么node_modules下会出现一个jquery的文件夹,这就说明我们安装成功了
5. 更新
在所在的的根目录下执行
npm update
6. 卸载
->本地包(删除node_modules下面安装的本地包)
npm uninstall <package>
如果我们需要将记录的安装包版本信息一同删除的话,执行
npm uninstall <package> --save
//如果我们要删除开发依赖包
npm uninstall <package> --save-dev
->全局包
npm uninstall <package> -g
7. 查看包的版本
npm view jquery versions
npm install jquery@1 -S //安装开头为1的最新版本
npm install jquery@1.11 -S //安装开头为1.11的最新版本
npm install jquery -S //最新版本
8.清除缓存
npm cache clean --force
9.查看更改镜像源
//查看当前镜像源 npm config get registry //更改镜像源 npm config set registry /
文件
我们可以利用文件管理记录本地安装包的信息,便于协作开发,当其他开发者拿到你的项目时只用执行 npm install 命令 ,就可以将各种包下载到本地,非常便利。
1.一个package文件必需含有两个部分:
- ‘name’: 可以小写,只有一个单词,没有空格,可以使用破折号和下划线
- ‘version’: 必须以的形式填写版本号
{
"name": "my-awesome-package",
"version": "1.0.0"
}
2.创建一个package文件
npm init
npm init -y
npm init --yes 默认值
3. package 版本号前面有一个 符号
- ^ 表示这个配置只锁定主版本号 告诉npm 只取得版本号是1 后面取得最新版本,不管后面写什么
- ~ 锁定主版本号 和 次版本号
- 没有符号 就是三位全部锁定 必须是这个版本
- ✳ 表示最新版本
4.详细请了解官网文档
三.NVM(Node Version Manager) Node版本管理工具
利用NVM我们可以实现Node版本的切换,因为不同的Node版本之间可能存在差异,我们进行项目开发可能会经常切换使用我们的Node版本,NVM可以运行在任何shell中。
1.安装
mac:
curl -o- /nvm-sh/nvm/v0.37.2/ | bash
这个仓库会克隆到我们本地路径下的 .nvm文件夹中,安装之后我们需要配置环境变量,根据你使用的shell找到对应的资源文件(~/.bash_profile,
~/.zshrc,
~/.profile, or
~/.bashrc),将以下配置添加到你的配置文件中
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/" ] && \. "$NVM_DIR/" # This loads nvm
windows
请见Githup文档
2.使用nvm
-
查看使用说明
nvm -h nvm --help
-
查看Node版本
nvm ls
-
切换Node版本
nvm use 版本号
-
设置默认Node版本
nvm alias default 版本号
四.NRM (Node Registry Manager)Node 镜像源 管理工具
npm默认下载的镜像源是国外的官方网站,这导致国内的下载速度过慢,为了解决下载速度过慢的问题,淘宝搭建了淘宝npm国内镜像服务器,每隔一段时间就会同步国外官网的包,所以极大的提高了我们的下载速率,提升了开发效率,我们可以使用淘宝的镜像服务器去下载我们所需要的包,当然不止淘宝,还有很多镜像源供我们选择,这就需要大家自己去学习了。
1.下载
npm i nrm -g //直接用npm进行全局安装
nrm ls //查看所有的源,可以查找到当前的镜像源,如下所示
npm -------- /
yarn ------- /
cnpm ------- /
* taobao ----- /
nj --------- /
npmMirror -- /registry/
edunpm ----- /
cjf:~chenngjunfeng$
2.切换
nrm use npm
nrm use taobao
nrm use yarn
切换后我们可以检查一下我们是否切换成功
3.测试
nrm test //测试镜像源的响应时间