npm

本来打算暑假将自己每天学到的东西写下来,每天做成一篇文章的,结果现在每周能产出一篇文章就不错了。。。【掩面】。。今天学了点npm命令行操作,就写一下

1.简介 npm有两层含义。一层含义是Node的开放式模块登记和管理系统,网址为npmjs.org。另一层含义是Node默认的模块管理器,是一个命令行下的软件,用来安装和管理Node模块。npm不需要单独安装。在安装Node的时候,会连带一起安装npm。但是,Node附带的npm可能不是最新版本,最好用下面的命令,更新到最新版本:

$ npm install npm@latest -g

查看版本信息:

$ npm -v

2.npm init 用来初始化创建一个package.json文件

# -y表示跳过提问阶段,直接生成一个package.json文件
$ npm init -y

3.npm info 用来查看每个模板的信息

# 查看babel模板信息
$ npm info babel-cli

4.4、npm search 用来搜索npm仓库

$ npm search <搜索词>

5、npm list 以树形结构列出当前项目安装的所有模板,以及它们依赖的模板

$ npm list

# 列出全局安装的模板
$ npm list -global

6、npm install node模板通过这个命令来安装,有全局安装:指的是将一个模板安装到系统目录中,各个项目都可以调用;有本地安装:指的是将一个模板下载到当前项目的node_modules子目录中,然后只有在项目目录中,才能调用这个模板。

# 本地安装
$ npm install <package name>

# 全局安装
$ npm install -g <package name>
# 也可以安装github代码库地址:
$ npm install git://github.com/package/.....

安装github代码库之前,npm install会先检查,node_modules目录之中是否已经存在指定模板。如果存在,就不会再重新安装了。

7、-save和-save-dev -save:模板名将被添加到dependencies(dependencies字段指定了项目运行所依赖的模板),可以简化为-S -save-dev:模板名将被添加到devDependencies(devDependencies指定了项目开发所需要的模板),可以简化为-D

$ npm install react --save
$ npm install react -S

$ npm install react --save-dev
$ npm install react -D

npm install默认会安装dependencies字段和DevDependencies字段中的所有版本,如果使用--production参数,则只安装dependencies字段中的模板

$ npm install --production

ps: 也就是说,如果你在package.json的dependencies或者DevDependencies字段里将要安装的模板名及版本写入进去了,那么当你直接敲npm install时,那么就会安装相应的模板。 如果你是用来-save和-save-dev参数,那么就会安装相应的模板,然后将参数写入到package.json的dependencies字段或DevDependencies字段中。

8、npm update,npm uninstall 更新和卸载

$ npm update <package name>
$ npm uninstall <package name>

9、npm run npm不仅可以用于模块管理,还可以用于执行脚本。package.json文件里有一个scripts字段,可以用于指定脚本命令,供npm直接调用。 比如,现在用browserify打包一个reactJs文件,scripts字段如下:

{
  "scripts":{
     "bundle":"browserify js\build\app.js -o bundle.js"
  }
}

现在输入npm run bundle就会打包这个文件

npm run命令会自动在环境变量$PATH添加node_modules/.bin目录,所以scripts字段里面调用命令时不用加上路径,这就避免了全局安装NPM模块。 npm run如果不加任何参数,直接运行,会列出package.json里面所有可以执行的脚本命令 举例来说,现在安装一个react-dom模板:

$ npm install react-dom --save-dev

运行上面的命令以后,会产生两个结果。首先,react-dom被安装到当前目录的node_modules子目录;其次,node_modules/.bin目录会生成一个符号链接node_modules/.bin/eslint,指向ESLint模块的可执行脚本。 然后,你就可以在package.json的script属性里面,不带路径的引用react-dom这个脚本。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏我的博客

Ubuntu安装Samba

场景: a用户可以共享/data/share/a和/data/share/a/c; b用户可以共享/data/share/b; c用户可以共享/data/...

52340
来自专栏C/C++基础

GitHub Desktop常见用法

这里记录我使用git的点滴,以需要完成的功能为切入点来讲解需要使用的命令,供日后参考,当然再结合“git命令大全”这类较全面的git命令介绍的文章,会更好的熟悉...

31930
来自专栏章鱼的慢慢技术路

Linux中的环境变量PATH

25620
来自专栏运维小白

4.2 du命令

du命令 du命令,查看文件的大小 du命令用法 du -sh 目录/文件命令用法 du -sh 目录/文件 查看目录或文件的大小 [root@localh...

23790
来自专栏Pythonista

Linux之文档与目录结构

Linux目录结构的组织形式和Windows有很大的不同。首先Linux没有“盘(C盘、D盘、E盘)”的概念。已经建立文件系统的硬盘分区被挂载到某一个目录下,用...

18730
来自专栏Python中文社区

Linux进程监控工具Supervisor简易使用教程

專 欄 ❈ gw1770df,Python中文社区专栏作者,从事Python开发工作,全栈工程师。 博客: https://word.gw1770df.cc ...

39260
来自专栏葡萄城控件技术团队

如何在ASP.NET中生成HTML5离线Web应用

传统的Web应用程序有一个很大的症结是当用户的网络连接不好时,应用会加载失败,为了 解决这一问题,HTML5中引入了Web的离线工作的功能。离线功能使得Web应...

23260
来自专栏散尽浮华

Gitlab上采用rpm方式快速安装的操作记录

之前梳理了一篇Gitlab的安装CI持续集成系统环境---部署Gitlab环境完整记录,但是这是bitnami一键安装的,版本比较老。下面介绍使用rpm包安装G...

26150
来自专栏电光石火

python3和python2共存

特别说明,本文是在Windows64位系统下进行的,32位系统请下载相应版本的安装包,安装方法类似。 使用python开发,环境有Python2和 py...

25480
来自专栏進无尽的文章

代码管理| 本地Git仓库和远程仓库的创建及关联

顺便说一下:Github账号创建私人项目的话需要付费,可以在码云上面创建个人私有仓库,是免费的。

3K20

扫码关注云+社区

领取腾讯云代金券