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

Posted 小丞同学

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了经常使用npm命令,你真的知道它的意思吗?相关的知识,希望对你有一定的参考价值。

NPM是什么?

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

NPM的安装

  • npmNode.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.jsonyarn.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的优点

  1. 速度快
  2. 安装版本统一
  3. 更简洁的输出
  4. 多注册来源处理
  5. 更好的语义化

以上是关于经常使用npm命令,你真的知道它的意思吗?的主要内容,如果未能解决你的问题,请参考以下文章

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

有人知道下面的代码片段是啥意思吗?

Linux里隐藏的计算器,你知道它的奥秘吗?

都在用Nginx,你真的知道它的应用场景吗?

GitHub上下载的vue2.0代码想要运行在windows本地,需要安装哪些工具?Git?npm?

片段真的需要一个空的构造函数吗?