博客
关于我
npm—小记
阅读量:797 次
发布时间:2023-02-17

本文共 2285 字,大约阅读时间需要 7 分钟。

NPM 使用指南:实习菜鸟的安装环境经验总结

作为一名菜鸟,刚开始实习时,帮别人安装前端项目环境时遇到了不少坑。由于对NPM不太了解,这次打算整理一下自己的学习心得。

NPM 简单解释

NPM 是 Node.js 的模块管理器,主要用于管理前端项目的依赖包。新版的 Node.js 已经集成了 NPM,所以安装 Node 后无需额外安装 NPM。可以通过以下命令查看 NPM 版本:

npm -v

NPM 安装指南

1. 本地安装

在 Git Bash 中安装时,可能会很慢。推荐使用 Windows 自带的命令框安装更快。

npm install

安装后的效果是将包放在当前目录的 node_modules 下。如果没有 node_modules 目录,会自动创建。安装时会优先检查本地缓存,如果本地已经有该模块,才会从远程仓库下载新版本。

2. 强制重新安装

如果希望强制重新安装某个模块,可以使用 –f--force 参数:

npm install –f package-name

3. 全局安装

安装到全局目录下:

npm install -g package-name

4. 本地安装 vs 全局安装区别

本地安装 全局安装
包放在当前目录下的 node_modules 包放在 /user/local 或 Node 安装目录下
通过 require() 引入 直接在命令行使用
package.json 下载到当前目录 package.json 下载到特定系统目录

不同情况下的安装命令

  • 安装当前目录 package.json 中的 devDependencies:

    npm install
  • 安装本地模块文件:

    npm install ../package.tgz
  • 安装指定 URL 模块:

    npm install https://github.com/indexzero/.../
  • 安装指定目录下的模块:

    npm install 
  • 安装并更新 package.json 中的版本:

    npm install 
    [–save|–save-dev|–save-optional]
    • –save:添加到 dependencies。
    • –save-dev:添加到 devDependencies。
    • –save-optional:添加到 optionalDependencies。
  • 安装指定版本:

    npm install underscore@1.5.2
  • 安装版本号范围内的模块:

    npm install async@">=0.2.0 <0.2.9"
  • 卸载命令

    卸载某个模块:

    npm uninstall 

    如果需要清空所有模块,可以删除 node_modules 目录,再运行 npm install

    更新命令

    更新已安装的模块:

    npm update [-g] [
    [...,
    ]]
    • -g:更新全局安装的模块。
    • 如果没有指定模块,会更新当前目录所有依赖的模块。

    查看安装信息

    查看全局安装的模块:

    npm list -g

    查看特定模块信息:

    npm ls 

    搜索模块

    搜索模块信息:

    npm search 

    创建模块

    生成 package.json 文件:

    npm init

    根据提示输入信息,最后输入 “yes” 会生成 package.json 文件。

    其他命令

    • 查看所有命令:
      npm help
    • 查看某个命令的详细帮助:
      npm help 
    • 查看包版本信息:
      npm view 

    package.json 说明

    package.json 是项目依赖管理的核心文件,主要字段包括:

    • name:项目名称
    • description:项目描述
    • keywords:关键字
    • version:版本号
    • config:配置项
    • homepage:主页链接
    • author:作者信息
    • repository:代码仓库地址
    • bugs: bug 提交地址
    • licenses:授权方式
    • directories:入口目录
    • main:主入口文件
    • bin:命令行文件
    • dependencies:应用依赖模块
    • devDependencies:开发环境依赖模块
    • scripts:脚本命令

    常见混淆点

    • dependencies vs devDependencies

      • dependencies 是应用依赖,安装到 node_modules
      • devDependencies 是开发环境依赖,安装到 node_modules
    • 版本号

      • NPM 使用语义化版本号:
        • 主版本(0):不兼容的 API 修改。
        • 次版本(4):向下兼容的新功能。
        • 修订版本(1):向下兼容的 bug 修复。
    • npm 脚本

      • package.json 中定义脚本后,可以通过 npm run 执行。
      • 示例:
        {  "name": "Test Project",  "devDependencies": {    "eslint": "^1.10.3"  },  "scripts": {    "lint": "eslint ."  }}

        运行 npm run lint 会执行 ./node_modules/.bin/elint

    • npm 脚本命令

      • 如果没有指定命令,会列出所有脚本命令。
      • 示例:
        npm run

    通过以上命令,可以更方便地管理前端项目的依赖包。初次接触 NPM 时,多多实践,慢慢熟悉它的各种命令和用法。

    转载地址:http://bqjfk.baihongyu.com/

    你可能感兴趣的文章
    Object.keys()的详解和用法
    查看>>
    objectForKey与valueForKey在NSDictionary中的差异
    查看>>
    Objective - C 小谈:消息机制的原理与使用
    查看>>
    OBJECTIVE C (XCODE) 绘图功能简介(转载)
    查看>>
    Objective-C ---JSON 解析 和 KVC
    查看>>
    Objective-C 编码规范
    查看>>
    Objective-Cfor循环实现Factorial阶乘算法 (附完整源码)
    查看>>
    Objective-C——判断对象等同性
    查看>>
    objective-c中的内存管理
    查看>>
    Objective-C之成魔之路【7-类、对象和方法】
    查看>>
    Objective-C享元模式(Flyweight)
    查看>>
    Objective-C以递归的方式实现二叉搜索树算法(附完整源码)
    查看>>
    Objective-C内存管理教程和原理剖析(三)
    查看>>
    Objective-C实现 Greedy Best First Search最佳优先搜索算法(附完整源码)
    查看>>
    Objective-C实现 jugglerSequence杂耍者序列算法 (附完整源码)
    查看>>
    Objective-C实现 lattice path格子路径算法(附完整源码)
    查看>>
    Objective-C实现1000 位斐波那契数算法(附完整源码)
    查看>>
    Objective-C实现2 个数字之间的算术几何平均值算法(附完整源码)
    查看>>
    Objective-C实现2d 表面渲染 3d 点算法(附完整源码)
    查看>>
    Objective-C实现2D变换算法(附完整源码)
    查看>>