npm基础操作

582 阅读3分钟

Node模块和Node包管理器(NPM)基础

安装Node模块(使用npm)

npm会随着Node一起安装, 不需要单独安装; 但是不一定是最新版的, 下面列出一些常用的npm命令和操作

  • 升级npm

    // 鉴于项目都在内网环境下使用,大家的Node版本都是一致的(v12.13.1)
    npm install npm -g
    
  • 查看Node版本号

    node --version 
    // OR
    node -v
    
  • 查看NPM版本号

    npm --version
    // OR 
    npm -v
    
  • 安装NPM包

模块可以被安装在全局环境或本机环境; 默认情况下,本地安装会将模块模块安装在当前目录下的node_modules文件夹中;

npm不仅会安装当前包,如果该包有依赖其他模块,还会查找其依赖的所有模块,并一起安装。模块越复杂,需要安装的依赖就越多;

  • 本地安装

    // 模块安装成功后,就可以在本地目录node_modules目录中找到该模块; 所有依赖的模块同样被安装在该模块node_modules目录中
    npm install modulename 
    # PS: npm install vue
    // OR 
    npm i vue
    
  • 全局安装

    // 如果要将模块安装到全局环境, 需要用到-g或--global参数
    // 全局安装(全局目录下安装vue-cli脚手架3.x)
    npm install mudulename -g  
    # PS: npm install @vue/cli -g
    // OR
    npm install modulename --global
    
  • 通过URL安装

除了安装在npm仓库中的模块之外, 还可以从文件系统文件夹中安装一个模块,或者从本地或url获取压缩包中安装

npm install moduleaddress 
# PS: npm install http://10.10.14.113:8081/repository/pingtech-proxy-localhost/node-sass/-/node-sass-4.14.1.tgz
  • 安装指定版本的模块

如果项目对模块的版本有要求, 可以安装指定版本的模块

npm install modulename@version
# PS: npm install vue@2.6.10
  • 卸载模块

如果不再使用某个模块,可以将其卸载

// 如果卸载全局模块, 在模块名后面带上参数 -g OR --global
npm uninstall modulename
# PS: npm uninstall vue
  • 更新模块

我们在开发中还可以对项目中的模块进行升级或更新

// 检查所有的模块
npm update

// 更新指定模块
npm update modulename 
# PS: npm update vue
  • 检查模块是否需要更新

    // 检查所有模块(会列出模块名 当前版本号 期望版本号 最新版本号)
    npm outdated
    
    // 检查指定模块是否需要更新
    npm outdated modulename
    # PS: npm outdated vuex
    // 如果已经安装了最新版本则不提示, 如果当前模块不是最新模块则会提示
    
  • 使用列表列出所有的模块和依赖, 可以运行ls、 la、 ll

    // 当前项目中安装的模块
    npm ls 
    
    // 查看安装在全局环境中的包
    npm ls -g
    
  • 通过-d参数将模块安装为依赖

    npm install webpack -d
    // OR
    npm install webapck --dev
    
  • 使用config命令了解更多npm的安装信息

    // 下面列出npm的配置信息:
    npm config list
    
    // 获取更详细的配置信息
    npm config ls -l
    
  • 通过命令行来编辑或删除配置信息

npm config set keyname value
# PS: npm config set registry http://10.10.12.12:4873/
npm config delete keyname
  • 通过关键字搜索模块

    npm search keuword
    # PS: npm search vuex
    
  • 创建默认的package.json文件

    npm init -y
    // OR
    npm init --yes
    
  • 通过添加或修改.npmrc文件自动保存依赖

内网项目中使用npm

  • 在内网软件仓库下载安装Node
  • 在内网软件仓库下载安装Python3.x
  • 检查 node -vnpm -v
  • 设置npm模块仓库地址(对全局有效) npm config set registry http://10.10.12:4873/
  • 执行安装操作 npm install
  • 在项目中设置仓库地址(对当前项目有效): 在项目中添加.npmrc文件,里面添加registry= http://10.10.12:4873/

错误处理

在项目中可能出现node-sass失败的问题

  • 安装Python
  • 打开C:\Users\Administrator\AppData\Roaming\npm-cache
  • 将下载的node-sass包解压放到该目录下