npm的安装和配置

从官网下载node.js,点击安装,一直next就行,最后检查是否安装成功。

查看node版本,node -v
查看npm版本,npm -v

配置npm全局模块的存放路径以及cache的路径

在nodejs下建立"node_global"及"node_cache"两个文件夹

pnpm 仓库 npm仓库配置_pnpm 仓库


以管理员身份打开命令行窗口,输入以下两句命令,目录是你安装的nodejs的位置

npm config set prefix "E:\nodejs\node_global"    //全局模块存放路径
npm config set cache "E:\nodejs\node_cache"	//缓存模块存放路径

右键打开此电脑>属性>高级系统设置>环境变量>系统变量,在系统变量的Path中添加 E:\nodejs\node_global 路径

为了提高下载安装速度,配置了镜像站

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

输入npm config list ,可以查看npm的配置信息,如

pnpm 仓库 npm仓库配置_npm_02

最后使用命令 npm install xxx(如vue) -g,即可安装全局依赖,在node_global目录下可以找到安装的包。

pnpm 仓库 npm仓库配置_pnpm 仓库_03


npm的项目使用

  • 找到项目目录(示例我的在hbuilderx创建的项目,E:\HBuilderX\project\npmTest);
  • (以管理员身份运行)打开命令行窗口,输入E: 回车, cd E:\HBuilderX\project\npmTest 即进入项目目录;
  • 输入 npm init -y 回车,会在项目目录下创建package.json,用于配置所需加载的包;
  • 示例安装vue 包 :npm install(或 i ) vue,此时在项目中会生成一个node_moudules的文件夹,里面包含了所安装的包,同时会把依赖写到package.json的dependencies里面。

pnpm 仓库 npm仓库配置_ci_04

在npm中,包(package)、模块(module)、依赖(dependency)都是同一个概念。


npm常用命令

  1. npm init : 初始化项目,自动创建一个package.json文件 。
  2. npm help xxx :查看xxx命令的帮助信息,如npm help version,会打开一个帮助介绍网页。
  3. npm install ( i ) :安装项目依赖
    安装多个依赖可用空格分隔,如 npm i jquery vue
    指定需要安装的版本,如 npm i jquery@版本号,若不指定则安装最新的稳定版。
  4. npm uninstall:卸载
    卸载多个依赖可用空格分割,如npm install jquery vue
    完全卸载,并将依赖信息从package.json的“dependencies”中清除,如npm install jquery -D
  5. npm list -g : 列出已安装的全局依赖
  6. npm list : 默认列出局部依赖
  7. npm outdated : 检查过期依赖
  8. npm update xxx: 更新局部依赖
  9. npm update xxx -g: 更新全局依赖
  10. npm root : 查看局部依赖安装路径,即node_modules的路径
  11. npm -root -g : 查看全局依赖安装路径
  12. npm view :查看模块的注册信息
  13. npm view xxx versions :列出模块的所有版本,如npm view jquery versions
  14. npm view xxx dependencies :列出模块的所有依赖,如npm view gulp dependencies
  15. npm info xxx :列出模块的信息,如npm info jquery


继续下文,下部分关于webpack4的链接