经常使用npm命令,但你真的知道它是什么意思吗?

简介: 经常使用npm命令,但你真的知道它是什么意思吗?

文章目录

NPM是什么?

NPM的安装

NPM 的基本使用

NPM 镜像的设置和查看

Package.json 属性说明

yarn

yarn 安装

yarn的基本使用

yarn的优点

NPM是什么?

它是一个命令行工具,npm已经被全球超过1100万开发人员所依赖,- 拥有超过一百万个软件包,是世界上最大的软件注册表。也可以形象的理解为一个应用商城,我们可以在里面下载各种已经编写好的代码,像常用的jQuery,webpack等等。官网链接


NPM的安装

npm是Node.js默认的软件包管理系统,安装完node后,会默认安装好npm

安装完毕后,使用cmd控制台(win + R),使用命令node -v查看node版本,npm -v查看npm版本


使用命令npm i npm -g全局安装npm,会默认更新最新版本

NPM 的基本使用

npm -v :通过查看版本,看npm是否安装成功


npm install <Module Name>: 使用 npm命令安装模块,例如npm install jquery


npm uninstall <Module Name>: 使用命令卸载模块,例如npm uninstall jquery


npm update <Module Name>: 使用命令更新模块,例如npm update jquery


npm install <Module Name> -g : 可以直接在命令行里使用,安装在全局


npm list -g:查看所有全局安装的模块


npm list vue:查看某个模块的版本号


npm -g install npm@5.9.1:(@后跟版本号)这样我们就可以更新npm版本,指定安装版本号


npm install -save moduleName:-save 在package文件的dependencies节点写入依赖。默认值


npm install -save-dev moduleName :-save-dev 在package文件的devDependencies节点写入依赖


dependencies:运行时的依赖,发布后,即生产环境下还需要用的模块


devDependencies:开发时的依赖。里面的模块是开发时用的,发布时用不到它。


NPM 镜像的设置和查看

查看镜像配置结果 :npm config get registry


将npm设置为淘宝镜像:npm config set registry https://registry.npm.taobao.org --global


使用nrm工具切换淘宝源:npx nrm use taobao


切换到官方源:npx nrm use npm


Package.json 属性说明

name :包名。


version :包的版本号。


description :包的描述。


homepage :包的官网 url 。


author :包的作者姓名。


dependencies :依赖包列表


repository:包代码存放的地方的类型。


main :main 字段指定了程序的主入口文件,require('moduleName')就会加载这个文件。


keywords :关键字


注意:


package.json文件中版本号的说明,安装的时候代表不同的含义:


“7.14.0” 表示安装指定的7.14.0版本


“~7.14.0” 表示安装 7.0.x 中最新的版本


“^7.14.0” 表示安装7.x.x中最新的版本


特别注意:当我们将代码文件拷贝给别人时,如果只拷贝了package.json文件,可以使用命令npm install会直接安装package.json下的所有依赖


yarn

yarn解决了npm的一些缺陷!


yarn 安装

在有了npm的基础上这个就很简单了


使用npm安装npm install -g yarn 查看版本:yarn --version

淘宝源安装:


分别运行一下两行命令:


yarn config set registry https://registry.npm.taobao.org -g

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

成功提示:success Set "registry" to "https://registry.npm.taobao.org".


yarn的基本使用

yarn init:初始化项目 同npm init,执行输入信息后,会生成package.json文件


yarn install:安装package.json里所有包,并将包及它的所有依赖项保存进yarn.lock


yarn install --flat:安装一个包的单一版本


yarn install --force :强制重新下载所有包


yarn install --production:只安装dependencies里的包


yarn install --no-lockfile:不读取或生成yarn.lock


yarn install --pure-lockfile:不生成yarn.lock


yarn add [package]: 在当前的项目中添加一个依赖包,会自动更新到package.json和yarn.lock文件中


yarn add [package]@[version]:安装指定版本,这里指的是主要版本,如果需要精确到小版本,使用-E参数


yarn add [package]@[tag] :安装某个tag(比如beta,next或者latest)


yarn add --dev/-D: 加到 devDependencies


yarn add --peer/-P :加到 peerDependencies


yarn add --optional/-O :加到 optionalDependencies


yarn的优点

速度快

安装版本统一

更简洁的输出

多注册来源处理

更好的语义化


相关文章
|
2月前
npm info 命令的用途
npm info 命令的用途
37 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
详细介绍NPM的基本使用方法、常用命令和一些实用技巧
详细介绍NPM的基本使用方法、常用命令和一些实用技巧
119 0
|
4月前
|
Ubuntu
node、npm 命令升级
node、npm 命令升级
|
3月前
|
JavaScript
node.js 项目中执行 npm install 命令后看到的 idealTree inflate 的含义
node.js 项目中执行 npm install 命令后看到的 idealTree inflate 的含义
173 0
|
4月前
|
存储 开发工具 数据安全/隐私保护
NPM 常用命令(四)
NPM 常用命令(四)
|
4月前
|
JavaScript 前端开发 Shell
NPM 自定义 package.json 中 scripts 命令(& 与 && 的区别,cross-env 的使用)
NPM 自定义 package.json 中 scripts 命令(& 与 && 的区别,cross-env 的使用)
38 0
|
27天前
|
缓存 JavaScript 前端开发
【热门话题】深入浅出:npm常用命令详解与实践
**npm命令详解:**了解基本概念和安装后,通过`npm init`生成`package.json`。安装包用`install [package]`,加`--save`或`--save-dev`管理依赖。移除包用`uninstall`,更新用`update`,全局安装加`-g`。搜索包用`search`,查看依赖用`list`,检查过时包用`outdated`,审计安全用`audit`。版本控制用`version`,发布包用`publish`。掌握这些命令能提升开发效率。探索更多npm特性,加强项目管理和协作。
28 6
|
2月前
|
JavaScript 前端开发
Npm 命令大全介绍(NodeJs)
Npm 命令大全介绍(NodeJs)
35 0
|
2月前
|
JavaScript
npm list -g --depth=0 命令中 --depth 参数讲解
npm list -g --depth=0 命令中 --depth 参数讲解
33 0
|
4月前
|
存储 缓存 JavaScript
NPM 常用命令(十二)
NPM 常用命令(十二)

推荐镜像

更多